Android webview 与js交互
关于中 java代码与h5 中js交互的问题已经是老生常谈的事情了,之前在开发中也有遇到过,但是一直没总结
今天刚好碰到一个同事遇到了这个问题,在帮他解决的同时也在这里总结下常规步骤和注意事项
Webview 与js 交互
-
设置webview中允许执行js 代码,这句是基础(废话.
web.getSettings().setJavaScriptEnabled(true); -
为webview 与js直接建立一个共享对象 (这里为了简洁直接使用了所在的Activity类对象,指定js调用的字段名(这里取名叫 app 可以修改,建议统一
web.addJavascriptInterface(this, "app") ; -
创建与js交互的方法 ,这里这个方法直接写在Activity 中了, 在4.2及以上记得在方法上带上注解@JavascriptInterface,这是因为在js直接与java代码进行交互的话存在漏洞,比方你可以利用java的反射调用一些系统方法,总之没有限制是很危险的事情。
注意: request_data js所调用的java端的所有方法会在子线程中执行,不要直接在方法中进行更新ui的操作
@JavascriptInterface public void request_data(String year, String month, int dic){} -
js端调用java方法 window.app.request_data 这里的 app 即为第二步中为js申明的共享字段名 如果你修改了这个名字,一定要提醒的前端队友同步修改,前端也是你写的话,当我没说
window.app.request_data(year,month,0); -
java调用js方法。 heartJson 为你要传递过去的值,因为java和js对象是不互通的,如果需要传递对象和数组之类的,请将对象和数组转json之后再使用下面的方法拼接然后调用,对象数组要转json,对象数组要转json,对象数组要转json 重要的事情说三遍
web.loadUrl("javascript:chartHeartRate(" + heartJson + ")")
注意事项： web端直接将json作为参数传递：window.app.invokeMethod(json); 这样，安卓端获取的参数也是不可用的，打印出来是undefinded 网页中一定要这样处理一下，再作为参数传递：
var jsonStr = JSON.stringify(json);
window.app.invokeMethod(jsonStr);
这样，安卓端才能获取到json的字符串，创建出json的对象进行解析。
