Android WebView 常見問題及處理方案

2020-04-11 11:27:29

字體：大中小

來源：轉載

供稿：網友

目前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 常見問題及處理方案的全部敘述，希望大家喜歡。

上一篇：Android版多線程下載仿下載助手（最新）

下一篇：android自定義進度條漸變圓形