关于Android JS与原生的交互

本文介绍: 之前发表过一篇关于JS与原生交互的文章，但是采用的是jsbridge来实现的，有兴趣的可以去看看，链接放在下面：

之前发表过一篇关于JS与原生交互的文章，但是采用的是jsbridge来实现的，有兴趣的可以去看看，链接放在下面：

关于安卓jsbridge的使用_水很清的博客-CSDN博客_android jsbridge

有两种方法，我们知道，And roi d 使用We bView加载页面是可以拦截到页面的url的，既然可以拦截到url，那就可以对url进行解析处理，判断后走不同的业务逻辑，比如判断url 是否是一个 pdf 页面，如果是，就跳转页面去加载 pdf等。

通过 webView.setWebViewCli ent()，在回调方法sh ouldOv err ideUrlLoa ding中去拦截，下面是代码片段：

webView.setWebViewClient(new WebViewClient() {
            @Override
            public boolean shouldOverrideUrlLoading(WebView view, String url) {
                if (url.startsWith("tel:")) {
                } else if (url.endsWith(".pdf") || url.contains("downloadPdf") || url.contains("FileServer/download")) {
                } else if (url.startsWith("intent:")) {
                } else if (url.endsWith(".apk")) {
                } else if (url.startsWith("mailto:")) {
                }
                return true;
            }
        });

另外一种是原生通过向JS注入方法的形式来实现交互。

第一步，webView添加JS接口，第一个参数是JS接口，JS call 原生将会回调到这个接口里面的方法，第二个参数是需要跟JS统一好的，两边要一致。

webView.addJavascriptInterface(JsInterface(this),“callApp”)

第二步：创建JS接口，此接口里面的方法需要加上注解@Ja va sc riptInterface，方法名字也需要跟JS两断保持一致。

class JsInterface(context: Activity) {
       
        @JavascriptInterface
        fun jsCallNativeCloseAccountEvent() {
            //本方法要跟JS方法一致，当JS出发web页面中的jsCallNativeCloseAccountEvent方法时，会回调到本方法，然后就可以做原生操作。
        }
}

以上需要注意的两点是，接口中的方法要跟JS一致，还有就是addJavascriptInterface方法的第二个参数需要跟JS的配置一致，这是两个重点。

原生调用JS

同样也有两种方法，分别是

//第一种方法
webView.loadUrl("javascript:test()") //不带参
webView.loadUrl("javascript:test(" + "'这里填参数'" + ")") //带参

//第二种方法
webView.evaluateJavascript("javascript:test(), new ValueCallback<String&gt;() {
            @Override
            public void onReceiveValue(String value) {
                //此处为 js 返回的结果
                Toast.makeText(MainActivity.this, "js返回值："+value, Toast.LENGTH_SHORT).show();
            }
        }); //不带参

webView.evaluateJavascript("javascript:test(" + "'这里填参数'" + "), new ValueCallback<String&gt;() {
            @Override
            public void onReceiveValue(String value) {
                //此处为 js 返回的结果
                Toast.makeText(MainActivity.this, "js返回值："+value, Toast.LENGTH_SHORT).show();
            }
        }); //带参

这两种方法的区别如下：

方法	易用性	局限性	线程
loadUrl()	使用相对简单	返回值获取困难，效率低	刷新WebView,需在UI线程里进行
eval uateJavascript()	使用相对复杂，效率高,返回值获取容易	And roi d4.4以上使用	不刷新WebView,主线程中进行