WebView与JS代码互相调用

最新推荐文章于 2023-01-29 17:36:31 发布

蒙同學

最新推荐文章于 2023-01-29 17:36:31 发布

阅读量327

点赞数 1

分类专栏： Android 文章标签： JavaScript Android Java

本文链接：https://blog.csdn.net/mjb00000/article/details/79161469

版权

Android 专栏收录该内容

52 篇文章 2 订阅

订阅专栏

Android手机中内置了一款高性能 webkit 内核浏览器，在 SDK 中封装为一个叫做 WebView 组件。使用该组件来加载JavaScript页面。

初始设置

  // 支持JavaScript接口，WebViewInterface为自定义接口类
  mWebView.addJavascriptInterface(new WebViewInterface(this), "Android");
  WebSettings mWebSettings = mWebView.getSettings();
  // 设置支持JavaScript
  mWebSettings.setJavaScriptEnabled(true);

自定义接口类，处理JavaScript的调用事件

public class WebViewInterface {
    
    private OnWebViewClickListener mListener;

    public WebViewInterface(OnWebViewClickListener listener) {
        this.mListener = listener;
    }

    @JavascriptInterface
    public void callback(boolean check) {
        if(mListener != null){
            mListener.onCallback(check);
        }
    }

    @JavascriptInterface
    public String getString() {
        return "Hello WebView !";
    }
    
    // 定义回调接口
    public interface OnWebViewClickListener {
        void onCallback(boolean check);
    }
}

1.JavaScript调用Java方法
定义给JavaScript调用的方法

    @JavascriptInterface
    public String getString(){
        return "Hello WebView !";
    }

在JavaScript中调用定义的方法

<!DOCTYPE html>
<html lang="en">
<head>
      <meta charset="UTF-8">
      <title>Java与JavaScript交互</title>
</head>
<body>
    <a href="javascript:void(0)" onClick="getMessage()">点击弹出</a>
    <script>
       function getMessage(){
            <!--getString()为定义的Java方法-->
            alert(Android.getString());
       }
    </script>
</body>
</html>

JavaScript调用Java方法

2.Java调用JavaScript方法

    mWebView.loadUrl("javascript:showDialog(\"" + "Hello WebView !" + "\")");

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Java与JavaScript交互</title>
</head>
<body>
<script>
      function showDialog(message) {
        alert(message);
      }
</script>
</body>
</html>

Java调用JavaScript方法

蒙同學

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
WebView与JS代码互相调用

Android手机中内置了一款高性能 webkit 内核浏览器，在 SDK 中封装为一个叫做 WebView 组件。使用该组件来加载JavaScript页面。初始设置 // 支持JavaScript接口，WebViewInterface为自定义接口类 mWebView.addJavascriptInterface(new WebViewInterface(this), "...
复制链接

扫一扫