安卓WebView相关设置
19 Aug 2015
很久没有更新博客了，也不知道应该更新一些什么，最近刚好在用WebView对接一些接口设置，就写下来记录一下吧，希望能帮到遇到同样问题的人。
一、基本设置
一般WebView不做多余配置，没有交互要求，只是很简单的载入网页的话，基本下面的配置就够用了
WebSettingsmWebSettings=mWebView.getSettings();mWebSettings.setSupportZoom(true);mWebSettings.setLoadWithOverviewMode(true);mWebSettings.setUseWideViewPort(true);mWebSettings.setDefaultTextEncodingName("GBK");mWebSettings.setLoadsImagesAutomatically(true);
上面可以看到，对于基本的使用，配置是很简单的，没什么太多需要自己注意的，接下来就是一些手机APP上载入网页的时候用得比较多的情况了，下面会一一列出。
二、JS与APP交互
这种情况一般是比较常见的，就是JS网页调用APP的方法做一些本地事情，然后是APP调用JS的方法反馈一些情况什么的。
而要实现这个最重要的一个设置就是这个mWebSettings.setJavaScriptEnabled(true);要使能webview可以调用JS方法
1)APP调用JS方法
mWebView.loadUrl("javascript：test()");//调用js函数无参数mWebView.loadUrl("javascript：test(test)");//test是js的函数test()的参数
2)JS调用APP方法 JS调用APP的方法也比较简单，只要添加JavascriptInterface方法接口即可
mWebView.addJavascriptInterface(mWebAppInterface,"AndroidWebAppInterface");
然后实现JS需要调用的方法，这里需要注意的就是安卓版本大于17的时候，需要在JS方法上加上注解
@JavascriptInterface
@JavascriptInterface
@JavascriptInterface
重要的事情说三遍
像这样
//如果target大于等于API17，则需要加上如下注解@JavascriptInterfacepublicvoidshowToast(Stringtoast){LogUtils.d(TAG,"toast = "+toast);Toast.makeText(mContext,toast,Toast.LENGTH_LONG).show();}
三、HTML5数据存储(LocalStorage)
有时候网页需要自己保存一些关键数据，这个时候就需要用到像LocalStorage这些东西了，而安卓WebView默认是无法使用的，也是需要用户自己配置的，感觉好坑啊，IOS的直接加载啥都不用配置就都能用了，安卓直接用啥都不行，感觉被虐惨了。下面是关键配置，最最重要就是这个
mWebSettings.setDomStorageEnabled(true);mWebSettings.setDomStorageEnabled(true);mWebSettings.setDomStorageEnabled(true);
重要的事情说三遍
mWebSettings.setDomStorageEnabled(true);mWebSettings.setDatabaseEnabled(true);mWebSettings.setAppCacheEnabled(true);StringappCachePath=getApplicationContext().getCacheDir().getAbsolutePath();mWebSettings.setAppCachePath(appCachePath);
四、HTML5定位(获取当前地址)
存储完了，就该是定位了，有时候网页想自己直接获取定位地址，就需要用到定位配置了。当然该有的权限还是得自己加上，比如：
主要的配置就是需要复写WebChromeClient的三个方法
@OverridepublicvoidonReceivedIcon(WebViewview,Bitmapicon){super.onReceivedIcon(view,icon);}@OverridepublicvoidonGeolocationPermissionsHidePrompt(){super.onGeolocationPermissionsHidePrompt();}@OverridepublicvoidonGeolocationPermissionsShowPrompt(finalStringorigin,finalGeolocationPermissions.Callbackcallback){callback.invoke(origin,true,false);//注意个函数，第二个参数就是是否同意定位权限，第三个是是否希望内核记住super.onGeolocationPermissionsShowPrompt(origin,callback);}
基本加上上面的配置基本就OK了，没啥大问题。
五、遇到的其它坑
1)多窗口的问题
html中的_bank标签就是新建窗口，在处理多窗口的时候需要配置下面的设置，不然可能点击没有反应
mWebSettings.setSupportMultipleWindows(true);mWebSettings.setJavaScriptCanOpenWindowsAutomatically(true);
然后可以复写一下WebChromeClient的onCreateWindow方法
@OverridepublicbooleanonCreateWindow(WebViewview,booleanisDialog,booleanisUserGesture,MessageresultMsg){WebView.WebViewTransporttransport=(WebView.WebViewTransport)resultMsg.obj;transport.setWebView(mWebView);resultMsg.sendToTarget();returntrue;}
2)多页面在同一个WebView中打开，就是不新建activity或者调用系统浏览器打开，需要复写WebViewClient的shouldOverrideUrlLoading方法.
@OverridepublicbooleanshouldOverrideUrlLoading(WebViewview,Stringurl){view.loadUrl(url);returntrue;}
3)WebView进行Http数据请求 这个相对也不复杂，主要是https坑比较大，加载数据基本用下面的就可以了
privatevoidgetWebData(){newThread(){@Overridepublicvoidrun(){OkHttpClientokHttpClient=HttpClientSslHelper.getSslOkHttpClient(getApplicationContext(),AppApiContact.bServerDebug);//newOkHttpClient();okHttpClient.setConnectTimeout(15,TimeUnit.SECONDS);Requestrequest=newRequest.Builder().url(mWebUrl).build();try{Responseresponse=okHttpClient.newCall(request).execute();finalStringdata=response.body().string();LogUtils.d(TAG,"data = "+data);runOnUiThread(newRunnable(){@Overridepublicvoidrun(){if(StringHelper.notEmpty(data)&&!isDestroy){//页面销毁之后不做处理//mWebView.loadData(data,"text/html; charset=UTF-8",null);mWebView.loadDataWithBaseURL(null,data,"text/html","UTF-8",null);}}});}catch(IOExceptione){e.printStackTrace();}}}.start();}
4)WebView进行HTTPS加密加载（这个坑貌似我还没解决，用的上面的第三种方法绕过去了）
5)JS调用安卓接口传输JSON格式数据 这个真是个大坑，以前一直没啥问题，直接传字符串数据结构就过来了，安卓也能直接解析，但是最近遇到安卓这边接受到数据死活不对，总是undefined值，也就是传输出问题了，后来反复排查才发现，需要对JSON数据字符串进行转义传输，不然就解析不到，也是无语了，例子如下
"
{
"title":"testtitle"
}
"以前传这种字符串过来是可以正常解析的，也不知道发什么神经，突然不行了，必须做转义之后传这种才可以解析"
{\"title\":\"test title\"}
"
目前好像就遇到这些，等再遇到了再来更新吧，下面给出全部的配置
privatevoidsetUpViewComponent(){WebSettingsmWebSettings=mWebView.getSettings();mWebSettings.setSupportZoom(true);mWebSettings.setLoadWithOverviewMode(true);mWebSettings.setUseWideViewPort(true);mWebSettings.setJavaScriptEnabled(true);mWebSettings.setDefaultTextEncodingName("GBK");mWebSettings.setSupportMultipleWindows(true);mWebSettings.setLoadsImagesAutomatically(true);mWebSettings.setDomStorageEnabled(true);mWebSettings.setDatabaseEnabled(true);mWebSettings.setAppCacheEnabled(true);StringappCachePath=getApplicationContext().getCacheDir().getAbsolutePath();mWebSettings.setAppCachePath(appCachePath);mWebSettings.setAllowFileAccess(true);if(AppApplication.getSdkVersion()>=11){mWebSettings.setDisplayZoomControls(false);}else{setZoomControlGone(mWebView);//Android3.0(11)以下使用以下方法}mSwipeContainer.setOnRefreshListener(this);mWebAppInterface=newWebAppInterface(this);setWebViewListener();}privatevoidsetZoomControlGone(Viewview){ClassclassType;Fieldfield;try{classType=WebView.class;field=classType.getDeclaredField("mZoomButtonsController");field.setAccessible(true);ZoomButtonsControllermZoomButtonsController=newZoomButtonsController(view);mZoomButtonsController.getZoomControls().setVisibility(View.GONE);try{field.set(view,mZoomButtonsController);}catch(IllegalArgumentExceptione){e.printStackTrace();}catch(IllegalAccessExceptione){e.printStackTrace();}}catch(SecurityExceptione){e.printStackTrace();}catch(NoSuchFieldExceptione){e.printStackTrace();}catch(Exceptionee){ee.printStackTrace();}}privatevoidsetWebViewListener(){mWebView.addJavascriptInterface(mWebAppInterface,"AndroidWebAppInterface");WebViewClientwebClient=newCustWebViewClient();mWebView.setWebViewClient(webClient);mWebView.setWebChromeClient(newWebChromeClient(){@OverridepublicbooleanonJsAlert(WebViewview,Stringurl,Stringmessage,JsResultresult){returnsuper.onJsAlert(view,url,message,result);}@OverridepublicbooleanonCreateWindow(WebViewview,booleanisDialog,booleanisUserGesture,MessageresultMsg){returnsuper.onCreateWindow(view,isDialog,isUserGesture,resultMsg);}});mWebView.setOnLongClickListener(newView.OnLongClickListener(){@OverridepublicbooleanonLongClick(Viewarg0){returntrue;}});}privateclassCustomWebViewClientextendsWebViewClient{publicCustomWebViewClient(){super();}publicbooleanshouldOverrideUrlLoading(WebViewview,Stringurl){//重写此方法表明点击网页里面的链接还是在当前的Webview里跳转，不跳到浏览器那边LogUtils.d(TAG,"url --"+url);view.loadUrl(url);returntrue;}@OverridepublicvoidonLoadResource(WebViewview,Stringurl){}@OverridepublicvoidonPageFinished(WebViewview,Stringurl){mSwipeContainer.setRefreshing(false);}@OverridepublicvoidonPageStarted(WebViewview,Stringurl,Bitmapfavicon){mSwipeContainer.setRefreshing(true);}}privatevoidgetWebData(){newThread(){@Overridepublicvoidrun(){OkHttpClientokHttpClient=HttpClientSslHelper.getSslOkHttpClient(getApplicationContext(),AppApiContact.bServerDebug);//newOkHttpClient();okHttpClient.setConnectTimeout(15,TimeUnit.SECONDS);Requestrequest=newRequest.Builder().url(mWebUrl).build();try{Responseresponse=okHttpClient.newCall(request).execute();finalStringdata=response.body().string();LogUtils.d(TAG,"data = "+data);runOnUiThread(newRunnable(){@Overridepublicvoidrun(){if(StringHelper.notEmpty(data)&&!isDestroy){//页面销毁之后不做处理//mWebView.loadData(data,"text/html; charset=UTF-8",null);mWebView.loadDataWithBaseURL(null,data,"text/html","UTF-8",null);}}});}catch(IOExceptione){e.printStackTrace();}}}.start();
网友评论