android webview java_Android WebView Java和JS通信

前言：

什么是webview。Android开发中，经常使用WebView来加载网页，而和WebView进行交互全部通过Java和Js互相调用来完成的。这篇文章就主要学习这块的知识。

本示例中，主要解决以下问题：

Java调用JS

JS调用Java

Java获取JS成员变量(JS没有提供获取该成员变量方法，需要自己注入JS)

图例：

示例代码：

Js端：

Java端：

@Override protected void OnCreate(Bundle savedInstanceState) {

//避免内存泄露，在Ondestory()回收

webView = new WebView(getApplicationContext());

frameLayout.addView(webView);

initWebView();

}

/* 初始化webView 第一步：允许Js调用 第二步：添加Java和Js通信接口 第三步：编写互相通信代码 */

@SuppressLint("JavascriptInterface") private void initWebView() {

WebSettings settings = webView.getSettings();

settings.setSupportZoom(false);

//1. 允许JS调用

settings.setJavaScriptEnabled(true);

//2. 设置调用接口

/* 参数1：java对象，该类的方法被js通过参数2直接调用 参数2：js对象。注册到window中，js可通过该对象调用JsObject()里的方法。实现js调用java */

webView.addJavascriptInterface(new JsObject(), "injectedObject");

//js中调用alert()方法必须要设置这个

webView.setWebChromeClient(new WebChromeClient() {

});

webView.setWebViewClient(new WebViewClient() {

@Override public void onPageFinished(WebView view, String url) {

super.onPageFinished(view, url);

//java调用JS

webView.loadUrl("javascript:contentShow('哈哈哈哈哈哈,第一次进来')");

}

});

//加载本地assets文件

webView.loadUrl("file:///android_asset/page.html");

}

//通信对象

public class JsObject {

@JavascriptInterface public void toast(final String msg) {

runOnUiThread(new Runnable() {

@Override public void run() {

Toast.makeText(getApplicationContext(), msg, Toast.LENGTH_SHORT).show();

}

});

@JavascriptInterface

//Java获取JS成员变量回调

public void onJavaGetVariables(String jsVariables) {

toast(jsVariables);

}

}

//Button点击事件，注入JS方法，获取JS成员变量，再通过Java返回来

public void getJSVariables(View view) {

//Java调用JS方法

webView.loadUrl("javascript:(function getVariables(){"

+ " return window.injectedObject.onJavaGetVariables(jsVariables);"

+ "})()");

}

遇到的错误处理：

全都是自己遇到的，再次感谢技术小黑屋，解决方法有些不一样。

Uncaught TypeError: object is not a function.

//解决方法： id和 onclick时的方法名不能一样

Uncaught ReferenceError: functionName is not define

//类必须是public的

public class JsObject {

//必须要添加@JavascriptInterface注解

@JavascriptInterface

//方法必须是public的

public void error(final String msg) {

runOnUiThread(new Runnable() {

@Override

public void run() {

//....

}

});

}

官方文档：If you’ve set your targetSdkVersion to 17 or higher, you must add the @JavascriptInterface annotation to any method that you want available to your JavaScript (the method must also be public).

CalledFromWrongThreadException: Only the original thread that created a view hierarchy can touch its views.

@JavascriptInterface

public void error(final String msg) {

//使用runOnUiThread()方法保证在主线程运行。

runOnUiThread(new Runnable() {

@Override

public void run() {

//...

}

});

官方文档：JavaScript interacts with Java object on a private, background thread of this WebView. Care is therefore required to maintain thread safety.

All WebView methods must be called on the same thread.

//使用webView.post()方法让任务执行在webView所在thread上

webView.post(new Runnable() {

@Override

public void run() {

//传入字符串，需要加单引号

String s = "javascript:contentShow('" + content + "')";

webView.loadUrl(s);

}

});