Android webview JS 交互

weixin_34006965

于 2019-03-12 06:39:09 发布

阅读量70

点赞数

CC 4.0 BY-SA版权

文章标签：移动开发 javascript ViewUI

原文链接：https://juejin.im/post/5c875400e51d453baf703dc2

本文详细介绍在Android中如何使用WebView实现JavaScript与Native代码的相互调用。包括设置WebView允许执行JavaScript，注册Java类供JS调用，以及从Native代码调用JS函数的方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在android中使用webview让JS调用android的native功能：

        WebView webView = (WebView) findViewById(R.id.webview);
        WebSettings webSettings = webView.getSettings();
        webSettings.setJavaScriptEnabled(true);
        //注册一个类到webview供JS使用
        webView.addJavascriptInterface(new WebAppInterface(), "math");
复制代码

这个类中的函数需要标注上@JavascriptInterface并且是public的

    public class WebAppInterface {
        @JavascriptInterface
        public int sum(int a,int b){
            return a+b;
        }

    }
复制代码

js代码

   var = math.sum(1,2)
复制代码

另外还可以使用shouldOverrideUrlLoading来拦截自定义协议使用比较简单，就不做说明了。

在android中调用JS函数：

// callJS 是js代码中的方法
mWebView.loadUrl("javascript:callJS()");
//4.4以后使用，更方便可以直接获取返回值
webView.evaluateJavascript("javascript:callJS()", new ValueCallback<String>() {
            @Override
            public void onReceiveValue(String value) {

            }
        });
复制代码