Android WebView常见问题及解决方案汇总

如有转载，请声明出处: 时之沙: http://blog.csdn.net/t12x3456

Android WebView常见问题解决方案汇总:

就目前而言，如何应对版本的频繁更新呢，又如何灵活多变地展示我们的界面呢,这又涉及到了web app与native app之间孰优孰劣的争论. 于是乎,一种混合型的app诞生了,灵活多变的部分，如淘宝商城首页的活动页面，一集凡客诚品中我们都可以见到web 页面与native页面的混合，既利用了web app的灵活易更新，也借助了native app本身的效率.
当然，就会用到webview这样的一个控件，这里，我把自己使用过程中遇到的一些问题整理下来.

首先上张图对WebView进行一个基本的回顾:

以上思维导图原文件下载地址:

http://download.csdn.net/detail/t12x3456/6509195

然后看一下具体的问题及解决方案:

1.为WebView自定义错误显示界面:

 
      01 
      /** 
     
      02 
           * 显示自定义错误提示页面，用一个View覆盖在WebView  
     
      03 
           */  
     
      04 
          protected void showErrorPage() {  
     
      05 
              LinearLayout webParentView = (LinearLayout)mWebView.getParent();  
     
      06 
                
      07 
              initErrorPage();  
     
      08 
              while (webParentView.getChildCount() > 1) {  
     
      09 
                  webParentView.removeViewAt(0);  
     
      10 
              }  
     
      11 
              LinearLayout.LayoutParams lp = newLinearLayout.LayoutParams(LayoutParams.FILL_PARENT,LayoutParams.FILL_PARENT);  
     
      12 
              webParentView.addView(mErrorView, 0, lp);  
     
      13 
              mIsErrorPage = true;  
     
      14 
          }  
     
      15 
          protected void hideErrorPage() {  
     
      16 
              LinearLayout webParentView = (LinearLayout)mWebView.getParent();  
     
      17 
                
      18 
              mIsErrorPage = false;  
     
      19 
              while (webParentView.getChildCount() > 1) {  
     
      20 
                  webParentView.removeViewAt(0);  
     
      21 
              }  
     
      22 
          }  
     
      23 
        
      24 
        
      25 
          protected void initErrorPage() {  
     
      26 
              if (mErrorView == null) {  
     
      27 
                  mErrorView = View.inflate(this, R.layout.online_error, null);  
     
      28 
                  Button button = (Button)mErrorView.findViewById(R.id.online_error_btn_retry);  
     
      29 
                  button.setOnClickListener(new OnClickListener() {  
     
      30 
                      public void onClick(View v) {  
     
      31 
                          mWebView.reload();  
     
      32 
                      }  
     
      33 
                  });  
     
      34 
                  mErrorView.setOnClickListener(null);  
     
      35 
              }  
     
      36 
          }

2.WebView cookies清理：

 
      1 
       CookieSyncManager.createInstance(this);  
     
      2 
      CookieSyncManager.getInstance().startSync(); 
     
      3 
      CookieManager.getInstance().removeSessionCookie();

3.清理cache 和历史记录:

 
      1 
       webView.clearCache(true);  
     
      2 
      webView.clearHistory();

4.判断WebView是否已经滚动到页面底端:

 
      1 
      getScrollY()方法返回的是当前可见区域的顶端距整个页面顶端的距离,也就是当前内容滚动的距离. 
     
      2 
      getHeight()或者getBottom()方法都返回当前WebView 这个容器的高度 
     
      3 
      getContentHeight 返回的是整个html 的高度,但并不等同于当前整个页面的高度,因为WebView 有缩放功能, 所以当前整个页面的高度实际上应该是原始html 的高度再乘上缩放比例. 因此,更正后的结果,准确的判断方法应该是： 
     
      4 
       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:

 
      01 
       @SuppressLint("NewApi")  
     
      02 
      @Override 
     
      03 
       public WebResourceResponse shouldInterceptRequest(WebView view,String url) {  
     
      04 
           // 非超链接(如Ajax)请求无法直接添加请求头，现拼接到url末尾,这里拼接一个imei作为示例  
     
      05 
        
      06 
           String ajaxUrl = url;  
     
      07 
           // 如标识:req=ajax  
     
      08 
           if (url.contains("req=ajax")) {  
     
      09 
              ajaxUrl += "&imei=" + imei;  
     
      10 
           }  
     
      11 
        
      12 
           return super.shouldInterceptRequest(view, ajaxUrl);  
     
      13 
        
      14 
      }

7.在页面中先显示图片:

 
      1 
      @Override 
     
      2 
       public void onLoadResource(WebView view, String url) {  
     
      3 
         mEventListener.onWebViewEvent(CustomWebView.this, OnWebViewEventListener.EVENT_ON_LOAD_RESOURCE, url);  
     
      4 
           if (url.indexOf(".jpg") > 0) {  
     
      5 
            hideProgress(); //请求图片时即显示页面  
     
      6 
            mEventListener.onWebViewEvent(CustomWebView.this, OnWebViewEventListener.EVENT_ON_HIDE_PROGRESS, view.getUrl());  
     
      7 
            }  
     
      8 
           super.onLoadResource(view, url);  
     
      9 
      }

8.屏蔽掉长按事件因为webview长按时将会调用系统的复制控件:

 
      1 
       mWebView.setOnLongClickListener(new OnLongClickListener() {  
     
      2 
                   
      3 
                 @Override  
     
      4 
                 public boolean onLongClick(View v) {  
     
      5 
                     return true;  
     
      6 
                 }  
     
      7 
             });

9.在WebView加入 flash支持:

 
      1 
       String temp = "<html><body bgcolor=\"" + "black"  
     
      2 
                       + "\"> <br/><embed src=\"" + url + "\" width=\"" + "100%"  
     
      3 
                       + "\" height=\"" + "90%" + "\" scale=\"" + "noscale"  
     
      4 
                       + "\" type=\"" + "application/x-shockwave-flash"  
     
      5 
                       + "\"> </embed></body></html>";  
     
      6 
       String mimeType = "text/html";  
     
      7 
       String encoding = "utf-8";  
     
      8 
       web.loadDataWithBaseURL("null", temp, mimeType, encoding, "");