Android WebView常見(jiàn)問(wèn)題及解決方案匯總
2022-06-23 分類(lèi)： 解決方案
就目前而言，如何應(yīng)對(duì)版本的頻繁更新呢，又如何靈活多變地展示我們的界面呢,這又涉及到了web app與native app之間孰優(yōu)孰劣的爭(zhēng)論. 于是乎,一種混合型的app誕生了,靈活多變的部分，如淘寶商城首頁(yè)的活動(dòng)頁(yè)面，一集凡客誠(chéng)品中我們都可以見(jiàn)到web 頁(yè)面與native頁(yè)面的混合，既利用了web app的靈活易更新，也借助了native app本身的效率.
當(dāng)然，就會(huì)用到webview這樣的一個(gè)控件，這里，我把自己使用過(guò)程中遇到的一些問(wèn)題整理下來(lái).
首先上張圖對(duì)WebView進(jìn)行一個(gè)基本的回顧:
以上思維導(dǎo)圖原文件下載地址:
http://download.csdn.net/detail/t12x3456/6509195
然后看一下具體的問(wèn)題及解決方案:
1.為WebView自定義錯(cuò)誤顯示界面:
覆寫(xiě)WebViewClient中的onReceivedError()方法:
- /**
- * 顯示自定義錯(cuò)誤提示頁(yè)面，用一個(gè)View覆蓋在WebView
- */
- protected void showErrorPage() {
- LinearLayout webParentView = (LinearLayout)mWebView.getParent();
- initErrorPage();
- while (webParentView.getChildCount() > 1) {
- webParentView.removeViewAt(0);
- }
- LinearLayout.LayoutParams lp = new LinearLayout.LayoutParams(LayoutParams.FILL_PARENT,LayoutParams.FILL_PARENT);
- webParentView.addView(mErrorView, 0, lp);
- mIsErrorPage = true;
- }
- protected void hideErrorPage() {
- LinearLayout webParentView = (LinearLayout)mWebView.getParent();
- mIsErrorPage = false;
- while (webParentView.getChildCount() > 1) {
- webParentView.removeViewAt(0);
- }
- }
- protected void initErrorPage() {
- if (mErrorView == null) {
- mErrorView = View.inflate(this, R.layout.online_error, null);
- Button button = (Button)mErrorView.findViewById(R.id.online_error_btn_retry);
- button.setOnClickListener(new OnClickListener() {
- public void onClick(View v) {
- mWebView.reload();
- }
- });
- mErrorView.setOnClickListener(null);
- }
- }
- @Override
- public void onReceivedError(WebView view, int errorCode, String description, String failingUrl) {
-
-
-
- }
2.WebView cookies清理：
- CookieSyncManager.createInstance(this);
- CookieSyncManager.getInstance().startSync();
- CookieManager.getInstance().removeSessionCookie();
3.清理cache 和歷史記錄:
- webView.clearCache(true);
- webView.clearHistory();
4.判斷WebView是否已經(jīng)滾動(dòng)到頁(yè)面底端:
- getScrollY()方法返回的是當(dāng)前可見(jiàn)區(qū)域的頂端距整個(gè)頁(yè)面頂端的距離,也就是當(dāng)前內(nèi)容滾動(dòng)的距離.
- getHeight()或者getBottom()方法都返回當(dāng)前WebView 這個(gè)容器的高度
- getContentHeight 返回的是整個(gè)html 的高度,但并不等同于當(dāng)前整個(gè)頁(yè)面的高度,因?yàn)閃ebView 有縮放功能, 所以當(dāng)前整個(gè)頁(yè)面的高度實(shí)際上應(yīng)該是原始html 的高度再乘上縮放比例. 因此,更正后的結(jié)果,準(zhǔn)確的判斷方法應(yīng)該是：
- if(WebView.getContentHeight*WebView.getScale() == (webview.getHeight()+WebView.getScrollY())){ //已經(jīng)處于底端 }
5.URL攔截:
Android WebView是攔截不到頁(yè)面內(nèi)的fragment跳轉(zhuǎn)的。但是url跳轉(zhuǎn)的話，又會(huì)引起頁(yè)面刷新，H5頁(yè)面的體驗(yàn)又下降了。只能給WebView注入JS方法了。
6.處理WebView中的非超鏈接請(qǐng)求(如Ajax請(qǐng)求):
有時(shí)候需要加上請(qǐng)求頭，但是非超鏈接的請(qǐng)求，沒(méi)有辦法再shouldOverrinding中攔截并用webView.loadUrl(String url,HashMap headers)方法添加請(qǐng)求頭
目前用了一個(gè)臨時(shí)的辦法解決：
首先需要在url中加特殊標(biāo)記/協(xié)議, 如在onWebViewResource方法中攔截對(duì)應(yīng)的請(qǐng)求，然后將要添加的請(qǐng)求頭，以get形式拼接到url末尾
在shouldInterceptRequest()方法中,可以攔截到所有的網(wǎng)頁(yè)中資源請(qǐng)求，比如加載JS，圖片以及Ajax請(qǐng)求等等
Ex:
- @SuppressLint("NewApi")
- @Override
- public WebResourceResponse shouldInterceptRequest(WebView view,String url) {
- // 非超鏈接(如Ajax)請(qǐng)求無(wú)法直接添加請(qǐng)求頭，現(xiàn)拼接到url末尾,這里拼接一個(gè)imei作為示例
- String ajaxUrl = url;
- // 如標(biāo)識(shí):req=ajax
- if (url.contains("req=ajax")) {
- ajaxUrl += "&imei=" + imei;
- }
- return super.shouldInterceptRequest(view, ajaxUrl);
- }
7.在頁(yè)面中先顯示圖片:
- @Override
- public void onLoadResource(WebView view, String url) {
- mEventListener.onWebViewEvent(CustomWebView.this, OnWebViewEventListener.EVENT_ON_LOAD_RESOURCE, url);
- if (url.indexOf(".jpg") > 0) {
- hideProgress(); //請(qǐng)求圖片時(shí)即顯示頁(yè)面
- mEventListener.onWebViewEvent(CustomWebView.this, OnWebViewEventListener.EVENT_ON_HIDE_PROGRESS, view.getUrl());
- }
- super.onLoadResource(view, url);
- }
8.屏蔽掉長(zhǎng)按事件 因?yàn)閣ebview長(zhǎng)按時(shí)將會(huì)調(diào)用系統(tǒng)的復(fù)制控件:
- mWebView.setOnLongClickListener(new OnLongClickListener() {
- @Override
- public boolean onLongClick(View v) {
- return true;
- }
- });
9.在WebView加入 flash支持:
-
String temp = "
- + "\">
- + "\" height=\"" + "90%" + "\" scale=\"" + "noscale"
- + "\" type=\"" + "application/x-shockwave-flash"
- + "\">
- + "\">