Android中webview和js之间的交互

 

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() {

            @JavascriptInterface

            public void clickOnAndroid() {

                mHandler.post(new Runnable() {

                    public void run() {

                        Toast.makeText(Test.this, “测试调用java”, Toast.LENGTH_LONG).show();

                    }

                });

            }

        }, “demo”);

需要特别注意的是，在 JELLY_BEAN_MR1 之后，只有 public 且添加了 @JavascriptInterface 注解的方法才能被调用。这也是为了安全考虑。毕竟页面可以直接操作 Native Application 有点太可怕了。（没加注解，导致反射无效，查了好久也是醉了）

在网页中，只需要像调用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() {

            @JavascriptInterface

            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>，

即可实现调用。

IMPORTANT

• Javascript 和 Java 的交互是在子线程中的，必须注意线程安全
• Java 对象中的成员方法不再能直接访问
• For applications targeted to API level LOLLIPOP and above, methods of injected Java objects are enumerable from JavaScript. （目前还不知道官方文档中的这句话代表了什么）
• 特别需要注意 Android 各个版本对 WebView 的要求导致的。越高的版本对 WebView 的限制更加严格。

References

http://developer.android.com/reference/android/webkit/WebView.html