Android.webview 与网页js交互

最新推荐文章于 2024-05-17 09:03:19 发布

小周bb

最新推荐文章于 2024-05-17 09:03:19 发布

阅读量474

点赞数 1

文章标签： javascript android webview

本文链接：https://blog.youkuaiyun.com/aaaaaaaaaww12/article/details/121227176

版权

本文详细介绍了如何在Android应用中配置WebView，包括启用JavaScript支持、设置缓存模式、添加JavaScript接口等。同时，展示了Android端定义的JavaScript接口以及Vue.js如何调用这些接口进行数据交互。通过这个过程，开发者可以更好地理解如何在原生应用中集成H5页面并实现双向通信。

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

webview配置：

        webView = findViewById(R.id.webview);
        //webview设置
        webView.getSettings().setJavaScriptEnabled(true);//允许使用js接口
        webView.getSettings().setJavaScriptCanOpenWindowsAutomatically(true);//允许打开窗体
        webView.getSettings().setBlockNetworkImage(true);//先加载页面再加载图片
        webView.setWebChromeClient(new WebChromeClient());
        webView.getSettings().setAppCacheEnabled(true);//缓存
        webView.getSettings().setDatabaseEnabled(true);//设置可以调用数据库
        webView.getSettings().setDomStorageEnabled(true);//开启DOM缓存
        webView.getSettings().setCacheMode(WebSettings.LOAD_DEFAULT);//缓存模式的设置
        webView.loadUrl("url");//这里填写访问的网页地址，可以是外部网页，也可以是本地后h5文件
        webView.addJavascriptInterface(this,"挂载接口名");

Android端js的接口：

  //页面返回数据的接口，msg就是返回的数据
    @JavascriptInterface
    public void getDataFormJs(String msg) {

    Log.d("TAG", "getDataFormJs: "+msg);

}

Vue.js接口：

"挂载接口名".getDataFormJS("msg")