Android 中的webview 和 JavaScript 的交互是必不可少的？
================================================================
但是交互的时候我们需要注意：
//Js callback
String result = "{\"lat\":\"" + mLatitude + "\",\"lng\":\"" + mLongitude + "\"}";
String callBack = "javascript:geoCallback(\'" + result + "\')";
mWebView.loadUrl(callBack);
注意：
当我们调用 javascript:geoCallback（）
当你需要传递参数给前台的时候，我们这里传递的参数；
问题：
A 当传递 Json Object 的时候 最外层 必须用 单引号 包裹， 如果用双引号，前台的js会报错。获取不到数据，这个可能是前台用的框架的原因。
B 当传递 Json String 的时候，最外层必须用 双引号，
================================================================
webview.LoadUrl() 必须放在主线程，在子线程会报错的！
================================================================
webview setting
配置篇
protected void initWebViewSetting() {
WebSettings webSettings = mWebView.getSettings(); if(null != webSettings){
//Tells the WebView to enable JavaScript execution. The default is false webSettings.setJavaScriptEnabled(true); webSettings.setJavaScriptCanOpenWindowsAutomatically(true); //存储一些简单的用key/value对即可解决的数据，根据作用范围的不同，有Session //Storage和Local Storage两种，分别用于会话级别的存储（页面关闭即消失）和本地化存储（除非主动 //删除，否则数据永远不会过期） webSettings.setDomStorageEnabled(true); //我们能够有选择的缓冲web浏览器中所有的东西，从页面、图片到脚本、css等等 webSettings.setAppCacheEnabled(true);
webSettings.setSaveFormData(true);
//设置布局方式 webSettings.setLayoutAlgorithm(WebSettings.LayoutAlgorithm.NARROW_COLUMNS); //Sets whether the WebView whether supports multiple windows. webSettings.setSupportMultipleWindows(true); //设置webview 缓存模式 webSettings.setCacheMode(WebSettings.LOAD_DEFAULT); //启用或禁用WebView访问文件数据 webSettings.setAllowFileAccess(true); //节点的获取焦点,当调用 WebView#requestFocus webSettings.setNeedInitialFocus(true); webSettings.setLoadWithOverviewMode(true); //webview是否需要加载图片 webSettings.setLoadsImagesAutomatically(true); webSettings.setLoadWithOverviewMode(true); mWebView.setScrollBarStyle(View.SCROLLBARS_INSIDE_OVERLAY); //启动硬件加速 if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.HONEYCOMB) {
mWebView.setLayerType(View.LAYER_TYPE_SOFTWARE, null); }
setWebviewJsSetting(mWebView);
setWebviewExtendSetting(webSettings);
}
}
/** * 如果需要给Webview 添加设置属性的时候就调用该方法 * * 一般在BaseWebViewActivity设置的setting 满足大多数的情况 * * @param webviewSetting */protected void setWebviewExtendSetting(WebSettings webviewSetting){
}
@Overrideprotected void setWebviewJsSetting(WebView webView) {
ERPWebViewJsInterface erpWebViewJsInterface = new ERPWebViewJsInterface(this); erpWebViewJsInterface.setmWebViewJSCallBack(this); webView.addJavascriptInterface(erpWebViewJsInterface, WebViewParams.WEBVIEWW_JS_FLAG);}
package com.eallcn.rentagent.webview.webinterface;
import android.content.Intent;import android.net.Uri;import android.text.TextUtils;import android.webkit.JavascriptInterface;
import com.baidu.mapapi.model.LatLng;import com.eallcn.rentagent.ui.activity.ERPWebContainerActivity;import com.eallcn.rentagent.ui.control.NavigateManager;
/** * Created by Hades on 11/12/15. */public class ERPWebViewJsInterface extends WebViewJSInterface {
private ERPWebContainerActivity mContext;
public ERPWebViewJsInterface(ERPWebContainerActivity context) {
super(context); this.mContext = context; }
@JavascriptInterface @Override public void close() {
mContext.close(); }
@JavascriptInterface public void onCall(String mobile){
Intent intent = new Intent(); intent.setAction("android.intent.action.CALL"); intent.setData(Uri.parse("tel:" + mobile)); mContext.startActivity(intent); }
@JavascriptInterface public void onSendMessage(String mobile,String content){
Uri uri = Uri.parse("smsto:" + mobile); Intent sendIntent = new Intent(Intent.ACTION_VIEW, uri); content = TextUtils.isEmpty(content)?"":content; sendIntent.putExtra("sms_body", content); mContext.startActivity(sendIntent); }
/** * 获取地理位置 */ @JavascriptInterface public void getLocationInfo(){
mContext.getLocationInfo(); }
/** * 调用app签名signature * * type 定义好类型： 根据前端的类型来处理； * type=21 代表 收房经纪人进入签名界面 * type=22 代表 经纪人经理进入签名界面 */ @JavascriptInterface public void invokeSignatureView(String type){
NavigateManager.goToPaintActivityForResult(mContext, Integer.parseInt(type), ERPWebContainerActivity.TEST_SINGNATURE_FLAG); }
/** * 调用手机通讯录 */ @JavascriptInterface public void invokeContacts(){
NavigateManager.gotoContactsActivityForResulr(mContext, ERPWebContainerActivity.TEST_CONTAXTS_REQUEST_CODE); }
/** * 调用地图 */ @JavascriptInterface public void invokeMap(){
NavigateManager.MapView.gotoMapHouseActivity(mContext); }
/** * 调用地图 制定坐标 * * 纬度 lat * 经度 lng */ @JavascriptInterface public void invokeMap(String lat,String lng){
LatLng latLng = new LatLng(Double.parseDouble(lat),Double.parseDouble(lng)); NavigateManager.MapView.gotoMapHouseActivity(mContext,latLng); }
}
需要注意的是：
Js 接口对象里面的方法必须是 public 或者是缺省。因为 注解 不可使用 低访问权限！
注解是必须要添加的：
从API 17 以后都要这么做的
@JavascriptInterface
汤涛，专注Android最佳实践，公众号:AndroidTre…