通过js调用android原生方法

最新推荐文章于 2025-09-15 13:35:23 发布

原创最新推荐文章于 2025-09-15 13:35:23 发布 · 3.6k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#android #webview #交互 #监听

android开发专栏收录该内容

48 篇文章

订阅专栏

本文介绍如何通过WebView实现HTML控件与Android应用间的交互，包括设置JavaScript接口以调用原生方法，如显示Toast消息及响应点击事件。

有时候我们有这样一个需求，监听html中控件的一些事件。例如点击html中某个按钮，跳转到别的activity，复制某段文本。
首先是对webview的设置：

myWebView = (WebView) findViewById(R.id.myWebView);
        myWebView.getSettings().setJavaScriptEnabled(true);
        myWebView.addJavascriptInterface(new JavaScriptinterface(this),
                "android");
        myWebView.setWebViewClient(new myWebViewClient());

创建JavaScriptinterface类:

public class JavaScriptinterface {
    Context context;
    public JavaScriptinterface(Context c) {
        context= c;
    }

    /**
     * 与js交互时用到的方法，在js里直接调用的
     */
    @JavascriptInterface
    public void showToast(String ssss) {

        Toast.makeText(mContext, ssss, Toast.LENGTH_LONG).show();
    }
}

高版本中在允许被js调用的方法加上@JavascriptInterface注解
然后使用webview的addJavascriptInterface添加这个类的对象，取一个名字。

<script type="text/javascript">   
function showToast() {       
    android.showToast("哈哈啊哈 ");
     }
</script>

</head>
<body>
<input type="button" value="调用"
     onClick="showToast()"/>
</body>