Android js和native交互的两种方法

本博客解决的问题是Android本地方法和webview中js方法交互，方法一是使用的是Android自身js注解，方法二是开源库jockeyjs。方法一：js注解先上js脚本（代码来自网络）：<html><head><meta http-equiv="Content-Type"content="text/html;charset=gb2312"><script type="text/

文章共896字 · 阅读需要大约3分钟

一键AI生成摘要，助你高效阅读

问答

Ethan_KF

4987人浏览 · 2016-07-08 18:59:51

Ethan_KF · 2016-07-08 18:59:51 发布

本博客解决的问题是Android本地方法和webview中js方法交互，方法一是使用的是Android自身js注解，方法二是开源库jockeyjs。

方法一：js注解

先上js脚本（代码来自网络）：

<html>
<head>
<meta http-equiv="Content-Type"    content="text/html;charset=gb2312">
<script type="text/javascript">
//java代码调用js方法
function javacalljs(){
    document.getElementById("content").innerHTML +=   
         "<br\>java调用了js函数";
}
</script>
</head>
<body>
this is my html <br/>
//js调用java方法,所有js全局对象、函数以及变量均自动成为window对象的成员
<a onClick="window.wst.jsCallAndroid()">点击调用java代码</a><br/>
<br/>
<div id="content">内容显示</div>
</body>
</html>

再看java代码：

public class MainActivity extends AppCompatActivity {

    private WebView webView;
    private Button btn;

    @SuppressLint("SetJavaScriptEnabled")
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        webView = (WebView) findViewById(R.id.webview);
        btn = (Button) findViewById(R.id.btn_calljs);
        webView.getSettings().setJavaScriptEnabled(true);
        webView.loadUrl("file:///android_asset/wst.html");
        webView.addJavascriptInterface(this, "wst");
        btn.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                webView.loadUrl("javascript:javacalljs()");
            }
        });
    }

    @JavascriptInterface
    public void jsCallAndroid() {
        Toast.makeText(MainActivity.this, "js call android", Toast.LENGTH_LONG).show();
    }
}

webview加载了assets目录下的HTML文件，关键的是addJavaScriptInterface方法，函数原型为：

 * @param object the Java object to inject into this WebView's JavaScript
 *               context. Null values are ignored.
 * @param name the name used to expose the object in JavaScript
 */
public void addJavascriptInterface(Object object, String name) {
    checkThread();
    mProvider.addJavascriptInterface(object, name);
}

注释说第一个参数是注入到webview的java对象，本例中把当前类MainActivity实例作为注入对象，并向js暴露名为“wst”，所以js脚本中的window.wst指的是MainActivity对象，加入了JavaScriptInterface注解的方法，就可以被js对象调用了。这就完成了js调用Android本地方法。Android调用js时，只需loadUrl即可。
方法二在下篇博客再写。

GitCode 开源社区

旨在为数千万中国开发者提供一个无缝且高效的云端环境，以支持学习、使用和贡献开源项目。

更多推荐

【目标检测】目标检测的一些常用神经网络模型及方法

我的阶段性总结????文章目录1.概述1.2 目标检测的任务1.3 目标检测的分类2.R-CNN系列2.1 [R-CNN（Region with CNN features）](https://arxiv.org/pdf/1311.2524.pdf)2.2 [Fast R-CNN](https://www.cv-foundation.org/openaccess/content_iccv_2015/