JavaScript与Android程序之间的交互怎样实现呢?前几天在项目中遇到了这样的问题。其实还是多简单的,只有一个地方需要注意,那就是JavaScript与Android版本兼容性。这里先来总结下JavaScript调用Android程序和Android程序调用JavaScript的方法。
首先设置WebView的属性,如果需要该Webview能与JavaScript直接进行交互,必须将其setJavaScriptEnabled设置为true。如下面几行代码
webview = (WebView) this.findViewById(R.id.webView1);
WebSettings webSetting = webview.getSettings();
webSetting.setJavaScriptEnabled(true);// 是否支持javaScript
1、JavaScript调用Android程序
JavaScript调用Androd程序需要Android程序中提供一个接口,个人认为在JavaScript调用Android接口的过程,有点类似于回调。具体如下
让webview加载demo.html网页,网页中设置一按钮,当点击按钮的时候就调用Android接口,demo.html如下:
<html>
<body>
<input type="button" value="登录" onClick="jsToAndriod();" />
<script type="text/javascript">
function jsToAndriod() {
var msg = 'jsToAndriod';
javascript:android.getResult(msg);
}
function androidToJs(){
var msg = 'androidToJs';
alert(msg);
}
</script>
</body>
</html>
在Android程序中需要有如下的代码,即定义JavaScript调用的接口:
第一步:先注册提供给JavaScript调用的接口
webview.addJavascriptInterface(new JavaScriptinterface(), "android");
第二步:定义接口
class JavaScriptinterface{
@JavascriptInterface
public void getResult(String str){
Log.e("","result = " + str);
}
}
2、Android调用JavaScript接口
可以看到上面demo.html中有一个接口叫做androidToJs,是的,在JavaScript中就是这样申明和定义接口的,在android程序中只需要这样去调用即可:
webview.loadUrl("javascript:androidToJs()"); //调js中的方法 call in UI Thread !
注意是在主线程中调用哦,不然会有异常。
3、JavaScript和Android存在版本兼容性问题
如果够细心的话,可以看到在定义JavaScript调用Android接口的时候,在Android接口jsToAndroid()上面是有一个注释@JavascriptInterface,是的,最好加上这一句,不然可能会存在JavaScript调不到Android接口的问题,会报错说这个接口没有定义。