解析Android中webview和js之间的交互

前端技术 2023/09/03 Android

1.android中利用webview调用网页上的js代码。
Android 中可以通过webview来实现和js的交互，在程序中调用js代码，只需要将webview控件的支持js的属性设置为true，，然后通过loadUrl就可以直接进行调用，如下所示：
mWebView.getSettings().setJavaScriptEnabled(true);
mWebView.loadUrl(\"javascript:test()\");

2. 网页上调用android中java代码的方法
在网页中调用java代码，需要在webview控件中添加javascriptInterface。如下所示：

复制代码 代码如下:

mWebView.addJavascriptInterface(new Object() {
            public void clickOnAndroid() {
                mHandler.post(new Runnable() {
                    public void run() {
                        Toast.makeText(Test.this, \"测试调用java\", Toast.LENGTH_LONG).show();
                    }
                });
            }
        }, \"demo\");

在网页中，只需要像调用js方法一样，进行调用就可以
<div id=\'b\'><a onclick=\"window.demo.clickOnAndroid()\">b.c</a></div>

3. Java代码调用js并传参
首先需要带参数的js函数，如function test(str)，然后只需在调用js时传入参数即可，如下所示：
mWebView.loadUrl(\"javascript:test(\'aa\')\");

4.Js中调用java函数并传参
首先一样需要带参数的函数形式，但需注意此处的参数需要final类型，即得到以后不可修改，如果需要修改其中的值，可以先设置中间变量，然后进行修改。如下所示：

复制代码 代码如下:

mWebView.addJavascriptInterface(new Object() {
            public void clickOnAndroid(final int i) {
                mHandler.post(new Runnable() {
                    public void run() {
                                int j = i;
                                j++;
Toast.makeText(Test.this, \"测试调用java\" + String.valueOf(j), Toast.LENGTH_LONG).show();
                    }
                });
            }
        }, \"demo\");

然后在html页面中，利用如下代码<div id=\'b\'><a onclick=\"window.demo.clickOnAndroid(2)\">b.c</a></div>，
即可实现调用

本文地址：https://www.stayed.cn/item/6748

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见，何事秋风悲画扇。

我的标签

随笔档案