android webview 与 JS 是如何进行交互的

最新推荐文章于 2024-03-24 23:30:06 发布

obtainStyle

最新推荐文章于 2024-03-24 23:30:06 发布

阅读量256

点赞数 2

文章标签： android javascript 交互

本文链接：https://blog.csdn.net/qq_58891341/article/details/126685135

版权

主要是采用 JavascriptInterface

先上一段JS代码

<html lang="zh-CN">
<script>
            function AndroidCallJs(){
                 document.getElementById("Message").innerHTML = "JAVA调用了JS的无参方法";
            }
            function AndroidCallJsValue(arg){
                 document.getElementById("Message").innerHTML = (arg);

            }

</script>
<button id="Message">调用js的值</button>
<br/>
<button type="button" onclick="window.android.jsCallAndroid()">Js调用Java代码无参数</button>
<br/>
<button type="button" onclick="window.android.jsCallAndroidValue('Js传过来的参数')">Js调用Java代码有参数</button>
</html>

然后设置一些webview的基础设置让webview支持 JavascriptInterface

WebSettings webSettings = mViewView.getSettings();
        webSettings.setJavaScriptEnabled(true);
        webSettings.setDomStorageEnabled(true);
        webSettings.setAllowFileAccess(true);
        webSettings.setAllowFileAccessFromFileURLs(true);
        webSettings.setAllowUniversalAccessFromFileURLs(true);
        webSettings.setAppCacheEnabled(true);
        webSettings.setAllowContentAccess(true);

        mViewView.addJavascriptInterface(WebViewActivity.this, "android");

首先是android 调用 js 有参和无参

//无参数调用
web_showAndroidCallJS.setOnClickListener(new View.OnClickListener() {//android 调用js'
            @Override
            public void onClick(View v) {
                mViewView.loadUrl("javascript:AndroidCallJs()");
            }
        });
//传参调用
web_showMessageCallJSValue.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                mViewView.loadUrl("javascript:AndroidCallJsValue(" +"\'"+ s +"\'"+ ")");
            }
        });

然后是js 调用android 方法也是分为有参和无参具体参考就js代码

 /**
     * js调用android 无参数
     */
    @JavascriptInterface
    public void jsCallAndroid(){
        web_showMessage.setText("Js调用Android方法");
    }

    /**
     * ja调android 有参数
     * @param value 为js传过来的参数
     */
    @JavascriptInterface
    public void jsCallAndroidValue(String value){
        web_showMessage.setText(value);
    }

到这里交互就结束了此文章只涉及交互