WebView 使用

1.Webview 彻底退出

  • 方法1

    //销毁Webview
    @Override
    protected void onDestroy() {
    if (mWebview != null) {
          mWebview.loadDataWithBaseURL(null, "", "text/html", "utf-8", null);
          mWebview.clearHistory();
          ((ViewGroup) mWebview.getParent()).removeView(mWebview);
          mWebview.destroy();
          mWebview = null;
     }
      super.onDestroy();
    }
    
  • 方法 2

    @Override
    protected void onPause() {
       webview.onPause();
       webview.pauseTimers();
       super.onPause();
    }
    @Override
    protected void onResume() {
       webview.onResume();
       webview.resumeTimers();
       super.onResume();
    }
    

官网解释:

  Does a best-effort attempt to pause any processing that can be paused             safely, such as animations and geolocation. 
  Note that this call does not pause JavaScript. To pause JavaScript globally, use  pauseTimers(). To resume WebView, call onResume().  
【翻译:】通知内核尝试停止所有处理,如动画和地理位置,但是不能停止    Js,如果想全局停止Js,
可以调用pauseTimers()全局停止Js,调用onResume()恢复。

2. 设置网页的标题

  WebChromeClient mWebChromeClient = new WebChromeClient() {    
      @Override    
      public void onReceivedTitle(WebView view, String title) {    
          super.onReceivedTitle(view, title);    
          txtTitle.setText(title);    
      }    
  };  
  mWedView.setWebChromeClient(mWebChromeClient());
  注意事项:
   可能当前页面没有标题,获取到的是null,那么你可以在跳转到该Activity的    时候自己带一个标题,或者有一个默认标题。
   在一些机型上面,Webview.goBack()后,这个方法不一定会调用,所以标题还是之前页面的标题。那么你就需要用一个ArrayList来保持加载过的url,一个HashMap保存url及对应的title.然后就是用WebView.canGoBack()来做判断处理了。

3. webview http和https混合加载

  if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) { 
      webSetting.setMixedContentMode(webSetting.getMixedContentMode());
      //或者
      //mWebView.getSettings().setMixedContentMode(WebSettings.MIXED_CONTE      NT_ALWAYS_ALLOW);
  }
   参数说明:
  - MIXED_CONTENT_ALWAYS_ALLOW 允许从任何来源加载内容,即使起源是不安全的;
  - MIXED_CONTENT_NEVER_ALLOW 不允许Https加载Http的内容,即不允许从安全的起源去加载一个不安全的资源;
  - MIXED_CONTENT_COMPLTIBILITY_MODE 当涉及到混合式内容时,WebView会尝试去兼容最新Web浏览器的风格;

4.webview 证书错误

重写WebViewClient的onReceivedSslError方法

  webView.setWebViewClient(new WebViewClient() {
      @Override
      public void onReceivedSslError(WebView view,
            SslErrorHandler handler, SslError error) {
        //super.onReceivedSslError(view, handler, error);注意一定要去除这行代码,否则设置无效。
      //可以弹框提示用户,是否继续访问(同浏览器的页面风险提示)
         String errMsg = error.toString();
                new CommonDialog()
                        .setTitle("证书验证失败")
                        .setMessage(errMsg)
                        .setOnNoClickListener("取消", commonDialog -> handler.cancel())//取消访问,页面显示空白
                        .setOnYesClickListener("继续前往", commonDialog -> handler.proceed())//直接放行继续访问
                        .showDialog(((BaseActivity) mContext).getSupportFragmentManager());
    }
  });

5. WebView 长按获取图片

  mWebview.setOnLongClickListener(new View.OnLongClickListener() {
    @Override
    public boolean onLongClick(View v) {
          WebView.HitTestResult hitTestResult = mWebView.getHitTestResult();
          if (hitTestResult.getType() == WebView.HitTestResult.IMAGE_TYPE || hitTestResult.getType() == WebView.HitTestResult.SRC_IMAGE_ANCHOR_TYPE) {
              String picUrl = hitTestResult.getExtra();
              BitmapUtil.showSaveImgDialog(this, picUrl);
              return true;
           }
        return false;
    }
  });

hitTestResult.type有这几种类型:

  - WebView.HitTestResult.UNKNOWN_TYPE 未知类型
  - WebView.HitTestResult.PHONE_TYPE 电话类型
  - WebView.HitTestResult.EMAIL_TYPE 电子邮件类型
  - WebView.HitTestResult.GEO_TYPE 地图类型
  - WebView.HitTestResult.SRC_ANCHOR_TYPE 超链接类型
  - WebView.HitTestResult.SRC_IMAGE_ANCHOR_TYPE 带有链接的图片类型
  - WebView.HitTestResult.IMAGE_TYPE 单纯的图片类型
  - WebView.HitTestResult.EDIT_TEXT_TYPE 选中的文字类型

6. WebView 开启硬件,可能出现的问题

硬件加速分为四个级别:

Application级别

<application android:hardwareAccelerated="true"...>

Activity级别

<activity android:hardwareAccelerated="true"...>

window级别(目前为止,Android还不支持在Window级别关闭硬件加速。)

getWindow().setFlags(
    WindowManager.LayoutParams.FLAG_HARDWARE_ACCELERATED,         
    WindowManager.LayoutParams.FLAG_HARDWARE_ACCELERATED);

View级别

view.setLayerType(View.LAYER_TYPE_HARDWARE, null);
WebView开启硬件加速导致屏幕花屏
原因分析:

4.0以上的系统我们开启硬件加速后,WebView渲染页面更加快速,拖动也更加顺滑。但有个副作用就是,当WebView视图被整体遮住一块,然后突然恢复时(比如使用SlideMenu将WebView从侧边滑出来时),这个过渡期会出现白块同时界面闪烁。

解决方案:

在过渡期前将WebView的硬件加速临时关闭,过渡期后再开启,代码如下:

if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.HONEYCOMB) {
    webview.setLayerType(View.LAYER_TYPE_SOFTWARE, null);
}

Android 4.0+ 版本中的EditText字符重叠问题:

做的软件,在一些机器上,打字的时候,EditText中的内容会出现重叠,而大部分机器没有,所以感觉不是代码的问题,一直没有头绪。

微信图片_20180118121428.jpg
出现原因:

JellyBean的硬件加速bug,在此我们关掉硬件加速即可。

解决方案:

在EditText中加入一句:

android:layerType=”software”  
图片无法显示:

做的程序里有的时候会需要加载大图,但是硬件加速中 OpenGL对于内存是有限制的。如果遇到了这个限制,LogCat只会报一个Warning: Bitmap too large to be uploaded into a texture (587x7696, max=2048x2048)


微信图片_20180118121546.jpg

这时我们就需要把硬件加速关闭了。

但开始我是这样处理的,我关闭了整个应用的硬件加速:

<application  
    android:allowBackup="true"  
    android:icon="@drawable/ic_launcher"  
    android:hardwareAccelerated="false"  
    android:label="@string/app_name"  
    android:theme="@style/AppTheme" >

随后我就发现,虽然图片可以显示了,但是ListView和WebView等控件显得特别的卡,这说明硬件加速对于程序的性能提升是很明显的。所以我就改为对于Activity的关闭。

<activity  
    android:name="icyfox.webviewimagezoomertest.MainActivity"  
    android:label="@string/app_name"  
    android:hardwareAccelerated="false"

7. ViewPager里非首屏WebView点击事件不响应

如果你的多个WebView是放在ViewPager里一个个加载出来的,那么就会遇到这样的问题。ViewPager首屏WebView的创建是在前台,点击时没有问题;而其他非首屏的WebView是在后台创建,滑动到它后点击页面会出现如下错误日志:

20955-20968/xx.xxx.xxx E/webcoreglue﹕ Should not happen: no rect-based-test nodes found
解决方案:

这个问题的办法是继承WebView类,在子类覆盖onTouchEvent方法,填入如下代码:

@Override
public boolean onTouchEvent(MotionEvent ev) {
    if (ev.getAction() == MotionEvent.ACTION_DOWN) {
        onScrollChanged(getScrollX(), getScrollY(), getScrollX(), getScrollY());
    }
    return super.onTouchEvent(ev);
}

2.安卓8.0 WebView的新特性

WebView新增了一些非常有用的API,可以使用和chrome浏览器类似的API来实现对恶意网站的检测来保护web浏览的安全性,为此需要在manifest中添加如下meta-data标签:

<manifest>
<meta-data
    android:name="android.webkit.WebView.EnableSafeBrowing"
    android:value="true" />
<!-- ... -->
</manifest>

WebView还增加了关于多进程的API,可以使用多进程来增强安全性和健壮性,如果render进程崩溃了,你还可以使用Termination Handler API来检测到崩溃并做出相应处理。

2. WebView优化

1.给WebView加一个加载进度条

  private class MyWebCromeClient extends WebChromeClient {
      @Override
      public void onProgressChanged(WebView view, int newProgress) {
            if (newProgress == 100) {
            //加载完毕进度条消失
            progressView.setVisibility(View.GONE);
            } else {
              //更新进度
                progressView.setProgress(newProgress);
            }
            super.onProgressChanged(view, newProgress);
      }
  }

2.页面finish再加载图片

  public void int () {
      if(Build.VERSION.SDK_INT >= 19) {
          webView.getSettings().setLoadsImagesAutomatically(true);
      } else {
          webView.getSettings().setLoadsImagesAutomatically(false);
      }      
  }

同时在WebView的WebViewClient实例中的onPageFinished()方法添加如下代码:

  @Override
  public void onPageFinished(WebView view, String url) {
       if(!webView.getSettings().getLoadsImagesAutomatically()) {
           webView.getSettings().setLoadsImagesAutomatically(true);
       }
  }

3.自定义WebView页面加载出错界面

当WebView加载页面出错时(一般为404 NOT FOUND),安卓WebView会默认显示一个卖萌的出错界面。但我们怎么能让用户发现原来我使用的是网页应用呢,我们期望的是用户在网页上得到是如原生般应用的体验,那就先要从干掉这个默认出错页面开始。

当WebView加载出错时,我们会在WebViewClient实例中的onReceivedError()方法接收到错误,我们就在这里做些手脚:

@Override
public void onReceivedError (WebView view, int errorCode, String description, String failingUrl) {
    super.onReceivedError(view, errorCode, description, failingUrl);
    loadDataWithBaseURL(null, "", "text/html", "utf-8", null);
    mErrorFrame.setVisibility(View.VISIBLE);
}

从上面可以看出,我们先使用loadDataWithBaseURL清除掉默认错误页内容,再让我们自定义的View得到显示(mErrorFrame为蒙在WebView之上的一个LinearLayout布局,默认为View.GONE)。

4. 怎么知道WebView是否已经滚动到页面底端?

解决方案:

方案1,使用原生WebView的api可以获取到:

if (mWebView.getContentHeight() * mWebView.getScale()  
    == (mWebView.getHeight() + mWebView.getScrollY())) {
    //说明已经到底了
}

方案2,继承WebView,重写onScrollChanged方法:

我们在做上拉加载下一页这样的功能时,也需要知道当前页面滚动条所处的状态,如果快到底部,则要发起网络请求数据更新网页。同样继承WebView类,在子类覆盖onScrollChanged方法。

以下代码中mCurrContentHeight用于记录上次触发时的网页高度,用来防止在网页总高度未发生变化而目标区域发生连续滚动时会多次触发TODO,mThreshold是一个阈值,当页面底部距离滚动条底部的高度差<=这个值时会触发TODO里面的代码。

具体如下:

@Override
protected void onScrollChanged(int newX, int newY, int oldX, int oldY) {
    super.onScrollChanged(newX, newY, oldX, oldY);
    if (newY != oldY) {
        float contentHeight = getContentHeight() * getScale();
        // 当前内容高度下从未触发过, 浏览器存在滚动条且滑动到将抵底部位置
        if (mCurrContentHeight != contentHeight && newY > 0 && contentHeight <= newY + getHeight() + mThreshold) {
            // TODO Something...
            mCurrContentHeight = contentHeight;
        }
    }
}

相关API介绍:

  • getContentHeight() @return the height of the HTML content
  • getScale() @return the current scale
  • getHeight() @return The height of your view
  • getScrollY() @return The top edge of the displayed part of your view, in pixels.

5. 怎么知道WebView是否存在滚动条?

当我们做类似上拉加载下一页这样的功能的时候,页面初始的时候需要知道当前WebView是否存在纵向滚动条,如果有则不加载下一页,如果没有则加载下一页直到其出现纵向滚动条。

首先继承WebView类,在子类添加下面的代码:

public boolean existVerticalScrollbar () {
    return computeVerticalScrollRange() > computeVerticalScrollExtent();
}

computeVerticalScrollRange得到的是可滑动的最大高度,computeVerticalScrollExtent得到的是滚动把手自身的高,当不存在滚动条时,两者的值是相等的。当有滚动条时前者一定是大于后者的。

替代WebView的库,腾讯的TBS 腾讯浏览服务https://x5.tencent.com/tbs/index.html

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 216,919评论 6 502
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 92,567评论 3 392
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 163,316评论 0 353
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 58,294评论 1 292
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 67,318评论 6 390
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 51,245评论 1 299
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 40,120评论 3 418
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 38,964评论 0 275
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 45,376评论 1 313
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,592评论 2 333
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,764评论 1 348
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,460评论 5 344
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 41,070评论 3 327
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,697评论 0 22
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,846评论 1 269
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 47,819评论 2 370
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,665评论 2 354

推荐阅读更多精彩内容