Webview实现Android和JS通信

Webview实现Android和JS通信

  • WebView
    • Android调用JS接口
    • JS调用Android接口
    • WebViewClient与WebChromeClient的区别

WebView

面试的时候被问到了,以前解过同事的bug,搞过一段时间的WebView,但忘的差不多,这里总结一下

Android调用JS接口

1.通过WebView的 loadUrl()

   //比如说调用callJS()方法,注意调用的JS方法名要对应上,缺点会使页面刷新,获取不到返回值
   mWebView.loadUrl("javascript:callJS()");

2.通过WebView的evaluateJavascript()

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

JS调用Android接口

1.通过WebView的 addJavascriptInterface()进行对象映射
被JS调用的方法需要加入@JavascriptInterface注解
2.通过 WebViewClient 的 shouldOverrideUrlLoading()方法回调
拦截 url, 解析该 url 的协议,如果检测到是预先约定好的协议,就调用相应方法
3.通过 WebChromeClient 的 onJsAlert()、 onJsConfirm()、 onJsPrompt()方法
回调拦截JS警告框alert()、确认框confirm()、输入框prompt()

WebViewClient与WebChromeClient的区别

1.WebViewClient就是帮助WebView处理各种通知、请求事件的,onPageStart和onPageFinish
2.WebChromeClient主要辅助WebView处理Javascript的对话框、title、加载进度等

最近在gitbub上看见一个webview的开源项目,很好的封装了webview,分享一下github地址

你可能感兴趣的:(Android)