淺析:Android WebView 常見的九個問題

騎大象去旅行發表於2015-08-13

目前Android WebView問題越來越多,接下來由愛內測(www.ineice.com)的技術工程師為我們介紹幾種常見的Android WebView問題:

1.為WebView自定義錯誤顯示介面: /** * 顯示自定義錯誤提示頁面,用一個View覆蓋在WebView */ protected void showErrorPage() { LinearLayout webParentView = (LinearLayout)mWebView.getParent();

initErrorPage();
while (webParentView.getChildCount() > ) {
webParentView.removeViewAt( );
}
LinearLayout.LayoutParams lp = new LinearLayout.LayoutParams(LayoutParams.FILL_PARENT,LayoutParams.FILL_PARENT);
webParentView.addView(mErrorView, , lp);
mIsErrorPage = true ;
}
protected void hideErrorPage() {
LinearLayout webParentView = (LinearLayout)mWebView.getParent();

mIsErrorPage = false ;
while (webParentView.getChildCount() > ) {
webParentView.removeViewAt( );
}
}
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 );
}
}

2.WebView cookies清理: CookieSyncManager.createInstance( this ); CookieSyncManager.getInstance().startSync(); CookieManager.getInstance().removeSessionCookie();

3.清理cache 和歷史記錄: webView.clearCache( true ); webView.clearHistory();

4.判斷WebView是否已經滾動到頁面底端: getScrollY()方法返回的是當前可見區域的頂端距整個頁面頂端的距離,也就是當前內容滾動的距離. getHeight()或者getBottom()方法都返回當前WebView 這個容器的高度 getContentHeight 返回的是整個html 的高度,但並不等同於當前整個頁面的高度,因為WebView 有縮放功能, 所以當前整個頁面的高度實際上應該是原始html 的高度再乘上縮放比例. 因此,更正後的結果,準確的判斷方法應該是: if (WebView.getContentHeight*WebView.getScale() == (webview.getHeight()+WebView.getScrollY())){ //已經處於底端 }

5.URL攔截: Android WebView是攔截不到頁面內的fragment跳轉的。但是url跳轉的話,又會引起頁面重新整理,H5頁面的體驗又下降了。只能給WebView注入JS方法了。

6.處理WebView中的非超連結請求(如Ajax請求): 有時候需要加上請求頭,但是非超連結的請求,沒有辦法再shouldOverrinding中攔截並用webView.loadUrl(String url,HashMap headers)方法新增請求頭

目前用了一個臨時的辦法解決:

首先需要在url中加特殊標記/協議, 如在onWebViewResource方法中攔截對應的請求,然後將要新增的請求頭,以get形式拼接到url末尾

在shouldInterceptRequest()方法中,可以攔截到所有的網頁中資源請求,比如載入JS,圖片以及Ajax請求等等

Ex: @SuppressLint ( "NewApi" ) @Override public WebResourceResponse shouldInterceptRequest(WebView view,String url) { // 非超連結(如Ajax)請求無法直接新增請求頭,現拼接到url末尾,這裡拼接一個imei作為示例 String ajaxUrl = url; // 如標識:req=ajax if (url.contains( "req=ajax" )) { ajaxUrl += "&imei=" + imei; } return super .shouldInterceptRequest(view, ajaxUrl); }

7.在頁面中先顯示圖片: @Override public void onLoadResource(WebView view, String url) { mEventListener.onWebViewEvent(CustomWebView. this , OnWebViewEventListener.EVENT_ON_LOAD_RESOURCE, url); if (url.indexOf( ".jpg" ) > ) { hideProgress(); //請求圖片時即顯示頁面 mEventListener.onWebViewEvent(CustomWebView. this , OnWebViewEventListener.EVENT_ON_HIDE_PROGRESS, view.getUrl()); } super .onLoadResource(view, url); }

8.遮蔽掉長按事件 因為webview長按時將會呼叫系統的複製控制元件: mWebView.setOnLongClickListener( new OnLongClickListener() {

@Override
public boolean onLongClick(View v) {
return true ;
}
});

9.在WebView加入 flash支援: String temp = "<body bgcolor=/"" + "black" + "/">
<embed src=/"" + url + "/" width=/"" + "100%" + "/" height=/"" + "90%" + "/" scale=/"" + "noscale" + "/" type=/"" + "application/x-shockwave-flash" + "/"> " ; String mimeType = "text/html" ; String encoding = "utf-8" ; web.loadDataWithBaseURL( "null" , temp, mimeType, encoding, "" );

相關文章