Android中java与js交互是通过webView来交互的。
WebView(网络视图)能加载显示网页,可以将其视为一个浏览器。它使用了WebKit渲染引擎加载显示网页,实现WebView有以下两种不同的方法:
第一种方法的步骤:
1.在要Activity中实例化WebView组件:WebView webView = new WebView(this);。
2.调用WebView的loadUrl()方法,设置WevView要显示的网页:
互联网用:webView.loadUrl("http://www.google.com");。
本地文件用:webView.loadUrl("file:///android_asset/XX.html"); 本地文件存放在:assets 文件中。
3.调用Activity的setContentView( )方法来显示网页视图。
4.用WebView点链接看了很多页以后为了让WebView支持回退功能,需要覆盖覆盖Activity类的onKeyDown()方法,如果不做任何处理,点击系统回退剪键,整个浏览器会调用finish()而结束自身,而不是回退到上一页面。
5.需要在AndroidManifest.xml文件中添加权限,否则会出现Web page not available错误。
<uses-permission android:name="android.permission.INTERNET" />。
第二种方法的步骤:
1、在布局文件中声明WebView。
2、在Activity中实例化WebView。
3、调用WebView的loadUrl( )方法,设置WevView要显示的网页。
4、为了让WebView能够响应超链接功能,调用setWebViewClient( )方法,设置 WebView视图。
5、用WebView点链接看了很多页以后为了让WebView支持回退功能,需要覆盖覆盖Activity类的onKeyDown()方法,如果不做任何处理,点击系统回退剪键,整个浏览器会调用finish()而结束自身,而不是回退到上一页面。
6、需要在AndroidManifest.xml文件中添加权限,否则出现Web page not available错误。
<uses-permission android:name="android.permission.INTERNET"/>。
如果是android端发起请求,可以直接使用http协议,如果要双方通讯,可以使用websocket协议。
最近几个项目的测试结果,Android无法主动通过调用。
webview.loadUrl("javascript:"+callbackFunction+"('"+data+"')"); 这种方式将jsonobject类型的data传给js,因为js那边得到就是一个string的对象。
与此同时,js主动调用android的对象方式,android也无法返回给js一个jsonobject,需要js做一下转换,例如:
Android 代码:
[java] view plaincopyprint?。
WebView mWebView = (WebView) this.findViewById(R.id.webview); 。
WebSettings settings = mWebView.getSettings(); 。
settings.setJavaScriptEnabled(true); 。
settings.setPluginsEnabled(true); 。
settings.setAllowFileAccess(true); 。
settings.setCacheMode(WebSettings.LOAD_NO_CACHE); 。
mWebView.setScrollBarStyle(View.SCROLLBARS_INSIDE_OVERLAY);//不加上,会显示白边 。
String url="file:///android_asset/t.html"; //js代码卸载t.html里 。
NavigationInstance navigation =new NavigationInstance(this); 。
mWebView.addJavascriptInterface(navigation, "Navigation"); 。
NavigationInstance里的代码:
[java] view plaincopyprint?。
@Override
public JSONObject GetManeuverInfo() { 。
try{
JSONObject test=new JSONObject(); 。
test.put("maomao", "value"); 。
return test;
//return new JSONObject(bean.ManeuverInfo); 。
}catch(Exception e){ 。
Log.e(TAG, "",e); 。
}
return null;
}
t.html里的代码:
[javascript] view plaincopyprint?。
function testAPI(el){ 。
console.log("---------testAPI---------"); 。
eval("var obj = "+Navigation.GetManeuverInfo()); 。
alert('typeof:'+typeof(obj)); 。
alert('maomao:'+obj.maomao); 。
alert('obj:'+obj); 。
}
如果直接写成 Navigation.GetManeuverInfo.maomao是会提示undefined,因为js那边只得到了一个string对象而已,它不知道maomao是个key。
通过eval将其转化成表达式就可以调用obj.maomao得到value。
在此ps一下ios,貌似人家支持webview很好,js可以直接获取到json对象.。