android中WebView回调java的方法

最新推荐文章于 2025-11-01 17:15:13 发布

原创最新推荐文章于 2025-11-01 17:15:13 发布 · 1.9k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#android #java #webview #android开发 #函数

android 专栏收录该内容

18 篇文章

订阅专栏

本文介绍如何在Android应用中实现H5页面自动回调到原生代码。通过WebView加载H5页面，并使用JavaScriptInterface实现H5与Android之间的交互。具体展示了H5页面上的按钮点击事件触发后，如何调用预先定义好的Android方法。

部署运行你感兴趣的模型镜像

在android开发的过程的中，很多时候我们需要在项目中嵌套H5页面，这时候我们就经常会遇到一个问题，那就是H5的页面如何去自动回调android代码，下面我们就来见一下实例代码。

H5页面代码
<html>
<head>
    <title>H5页面
    </title>
    <script>
          window.onload=function () {
              var btn=document.getElementById("btn");
              btn.onclick=function () {
                  window.callJava.htmlCallJava("我是h5");
              }
          }
    </script>
</head>
<body>
<input type="button" id="btn" value="回到java代码">
</body>
</html>

android代码
mWebView = (WebView) findViewById(R.id.webView);
mSettings = mWebView.getSettings();
mSettings.setJavaScriptEnabled(true);
mSettings.setUseWideViewPort(true);
mSettings.setBuiltInZoomControls(true); // 启用界面上放大和缩小按钮
mSettings.setUseWideViewPort(true); // 启用双击放大, 双击缩小功能
                mSettings.setCacheMode(WebSettings.LOAD_NO_CACHE);              mSettings.setDefaultTextEncodingName("utf-8");
        mWebView.addJavascriptInterface(getHtmlObject(), "callJava");
mWebView.loadUrl("要加载的h5页面链接");
 //js调用android的方法

    private Object getHtmlObject() {
        Object insertObj = new Object() {
            @JavascriptInterface
            public void htmlCallJava(String str) {
                ToastUtils.Display(mContext, str);

            }

        return insertObj;
    }