Android—WebView与JS交互

Html文件：

WebView与JS交互方式：

1. 前提：

WebSettings webSettings = webView.getSettings();
// 设置与Js交互的权限
webSettings.setJavaScriptEnabled(true);webView.setWebChromeClient(new WebChromeClient(){@Overridepublic boolean onJsAlert(WebView view, String url, String message, JsResult result) {AlertDialog.Builder b2 = new AlertDialog.Builder(MainActivity.this).setTitle(R.string.app_name).setMessage(message).setPositiveButton("ok", new AlertDialog.OnClickListener() {@Overridepublic void onClick(DialogInterface dialog, int which) {result.confirm();}});b2.setCancelable(false);b2.create();b2.show();return true;}
});

JS的弹框在WebView中需要通过重写onJsAlert()、onJsConfirm()、onJsPrompt()方法实现，分别对应JS的警告框，确认框，输入框。

webView还有一个setWebClient()方法，帮助处理各种通知、请求事件。

setWebChromeClient辅助WebView处理JavaScript的对话框，网站图标，网站title，加载进度等

2. WebView调用JS的方法

(1) 通过WebView的loadUrl（）

加载对应页面

webView.loadUrl("file:/sdcard/WebView_Test.html");
webView.loadUrl("https://www.baidu.com/");

调用JS中的callJS()方法

webView.loadUrl("javascript:callJS()");

(2) 通过WebView的evaluateJavascript（）

webView.evaluateJavascript("javascript:callJS()", new ValueCallback<String>() {@Overridepublic void onReceiveValue(String value) {//此处为 js 返回的结果}
});

3. JS中调用Android方法

通过addJavascriptInterface（）进行对象映射

public class JniUtil {static {System.loadLibrary("native_text");}@JavascriptInterfacepublic static native String helloWorld();@JavascriptInterfacepublic void hello(String msg) {System.out.println("JS调用了Android的hello方法");}
}webView.addJavascriptInterface(new JniUtil(), "test");

test是JniUtil对象，可以在JS中使用，在JS中调用test.hello()或者test.helloWorld()都可以看到对应结果，注意方法要加上对应注解。

Android—WebView与JS交互相关推荐

Android WebView与JS交互入门
2019独角兽企业重金招聘Python工程师标准>>> 首先在Anndroid代码中对WebView进行初始化 webView = (WebView) findViewById(R. ...
Android WebView 与 JS 交互
2019独角兽企业重金招聘Python工程师标准>>> 在android activity webView的使用,activity中执行html中的js 方法, 和在html 中调 ...
Android WebView与js交互通信
事出有因,那天我看到手厅的客户端里,在网页webview中点击网络设置后,跳转到了手机的网络设置界面,然后就搜了一下,原来是html中js与androidApp之间的交互.这么说的太费劲了,还是上截图 ...
android webview 监听js,Android webview与js的数据交互
项目要用到Webview和js交互,查了查以前的项目感觉还是有必要整理下的. 简单描述下项目中用到的地方,比如说在web页需要用到登录的地方点击登录跳转到APP原生登录界面去登录,点击web页的拨打电 ...
移动开发周刊：Android ImageView正确使用、WebView与JS交互解析
写在前面从 2011 年创建首刊至今,移动开发周刊内容聚焦 Android.iOS.VR/AR 等前沿移动开发技术,精选一周最热点,解读开发技巧,从中希望能够让你有一些收获,如果你有好的文章以及优化 ...
js获取android数据,Android webview与js的数据交互
项目要用到Webview和js交互,查了查以前的项目感觉还是有必要整理下的. 简单描述下项目中用到的地方,比如说在web页需要用到登录的地方点击登录跳转到APP原生登录界面去登录,点击web页的拨打电 ...
Android WebView与JavaScript交互详解
近期工作项目中遇到Android的WebView与js交互问题,之前也知道有这方面的技术可以实现.但在用的过程中,却发现还是需要用电心思. 现把我所了解的分享给大家,希望可以帮助到做类似项目的童鞋. ...
android webView 与 JS交互方式
webView 与JS交互 Android调用JS代码的方法有: 通过WebView的loadUrl() 通过WebView的evaluateJavascript() 对于JS调用Android代码的 ...
WebView---android webview组件如何使用 Webview与js交互
浏览器控件是每个开发环境都具备的,这为马甲神功提供了用武之地,windows的有webbrowser,android和ios都有webview.只是其引擎不同,相对于微软的webbrowser,and ...

Android—WebView与JS交互

Android—WebView与JS交互相关推荐

最新文章

热门文章