Android WebView 常見問題及處理方案

Android WebView 常見問題及處理方案_Android

最後更新：2017-01-19 來源：互聯網

上載者：User

創建阿里雲帳戶，並獲得超過 40 款產品的免費試用版；而企業帳戶則可以享有總值 $1200 的免費試用版。立即註冊！

目前html5發展非常迅速，很多native app都會嵌入到網頁中，以此來適用多變的市場需求。但是android的webview預設支援的功能非常弱，很多地方都是需要自訂的，才能達到我們想要的效果。並且webview在不同的版本會有不同程度的bug。下面小編把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 = "<html><body bgcolor=/"" + "black"  + "/"> <br/><embed src=/"" + url + "/" width=/"" + "100%"  + "/" height=/"" + "90%" + "/" scale=/"" + "noscale"  + "/" type=/"" + "application/x-shockwave-flash"  + "/"> </embed></body></html>" ;  String mimeType = "text/html" ;  String encoding = "utf-8" ;  web.loadDataWithBaseURL( "null" , temp, mimeType, encoding, "" );

以上內容就是本文針對Android WebView 常見問題及處理方案的全部敘述，希望大家喜歡。

本文章原先以中文撰寫並發佈於 aliyun.com，亦設英文版本，僅作資訊用途。本網站不對文章的準確性，完整性或可靠性或其任何翻譯作出任何明示或暗示的陳述或保證。如對該文章有任何疑慮或投訴，請傳送電郵至 info-contact@alibabacloud.com 並提供相關疑慮或投訴的詳細說明。職員會於 5 個工作天內與您聯絡，一經驗證之後，即會刪除該侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

Get Started for Free

Sales Support

1 on 1 presale consultation

Chat Contact Sales
After-Sales Support

24/7 Technical Support 6 Free Tickets per Quarter Faster Response

Open a Ticket
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.

Learn More