Android WebView系列文章4 WebView的问题总结

WebView的问题总结
目录介绍
1.关于加载H5页面闪烁问题
2.WebView页面中播放了音频,退出Activity后音频仍然在播放
3.为WebView自定义错误显示界面
4.判断WebView是否已经滚动到页面底端
5.在页面中先显示图片

1.关于加载H5页面闪烁问题

• 方案1：加载进度条【该方法在夜间模式下无法解决闪烁问题】

@Overridepublic void onPageStarted(WebView view, String url, Bitmap favicon) {    view.getSettings().setJavaScriptEnabled(true);    if (progressDialog == null) {        progressDialog=new ProgressDialog(PNewsContentActivity.this);        progressDialog.setMessage("数据加载中，请稍后。。。");        progressDialog.show();        webView.setEnabled(false);// 当加载网页的时候将网页进行隐藏    }    super.onPageStarted(view, url, favicon);}@Overridepublic void onPageFinished(WebView view, String url) {    view.getSettings().setJavaScriptEnabled(true);    if (progressDialog != null && progressDialog.isShowing()) {        progressDialog.dismiss();        progressDialog = null;        webView.setEnabled(true);    }    super.onPageFinished(view, url);} @Overridepublic boolean shouldOverrideUrlLoading(WebView view, String url) {    view.loadUrl(url);           //在当前的webview中跳转到新的url    return true;}

• 方案2：硬件加速器【夜间模式无效】

android webview 在3.0+后显示flash和视频要启用硬件加速开启硬件加速是在manifest中加入： android:hardwareAccelerated="true"开启硬件加速后webview有可能会出现闪烁的问题webView.setBackgroundColor(Color.parseColor("#000000")); //ok 不会闪黑屏webView.setBackgroundColor(0x000000);          //会闪黑屏由于webview的背景颜色默认是白色，在一些场合下会显得很突兀（比如背景是黑色【夜间模式】）。android:hardwareAccelerated="false"    清单文件android:layerType="software"        布局文件mWebView.setLayerType(View.LAYER_TYPE_SOFTWARE,null); 代码中

• 方案3：设置延迟执行夜间模式方法

1.布局<WebView    android:id="@+id/webview"    android:layout_width="match_parent"    android:layout_height="wrap_content"              android:visibility="visible"/>//注意WebView默认是白色背景，记得设置高度为包裹，否则夜间模式下无法用进度条过渡闪频<ProgressBar    android:id="@+id/progressBar"    android:layout_width="match_parent"    android:layout_height="wrap_content"    android:layout_gravity="center_vertical"    android:layout_marginTop="200dp"    android:background="?containerBackground"    android:visibility="gone"/>2.代码设置private class DataWebViewClient extends WebViewClient {    //H5页面加载完成后执行    @Override    public void onPageFinished(WebView view, String url) {        super.onPageFinished(view, url);  //执行H5夜间模式点击事件        if (isNight) {            wvDetailInvestor.loadUrl("javascript:toggleClassTest()");        }        if (handler == null) {            handler = new Handler();        }  //延迟代码执行【避免刷屏】        handler.postDelayed(new Runnable() {            @Override            public void run() {                wvDetailInvestor.setVisibility(View.VISIBLE);                progressBar.setVisibility(View.GONE);          //进度条隐藏            }        }, 500);    }    //H5页面加载开始就执行    @Override    public void onPageStarted(WebView view, String url, Bitmap favicon) {        super.onPageStarted(view, url, favicon);        wvDetailInvestor.setVisibility(View.GONE);        progressBar.setVisibility(View.VISIBLE);          //进度条显示    }}

2.WebView页面中播放了音频,退出Activity后音频仍然在播放

    * 错误:需要在Activity的onDestory()中调用webView.destroy();     * 正确:webview调用destory时,webview仍绑定在Activity上.这是由于自定义webview构建时传入了该Activity的context对象,因此需要先从父容器中移除webview,然后再销毁webview:rootLayout.removeView(webView);

3.为WebView自定义错误显示界面
覆写WebViewClient中的onReceivedError()方法:

/*** 显示自定义错误提示页面，用一个View覆盖在WebView*/ protected void showErrorPage() {     LinearLayout webParentView = (LinearLayout)mWebView.getParent();     initErrorPage();     while (webParentView.getChildCount() > 1) {        webParentView.removeViewAt(0);     }    LinearLayout.LayoutParams lp = new LinearLayout.LayoutParams(LayoutParams.FILL_PARENT,LayoutParams.FILL_PARENT);     webParentView.addView(mErrorView, 0, lp);     mIsErrorPage = true; } protected void hideErrorPage() {     LinearLayout webParentView = (LinearLayout)mWebView.getParent();     mIsErrorPage = false;     while (webParentView.getChildCount() > 1) {         webParentView.removeViewAt(0);     } }   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);     } } @Override public void onReceivedError(WebView view, int errorCode, String description, String failingUrl) {      mErrorView.setVisibility(View.VISIBLE);      super.onReceivedError(view, errorCode, description, failingUrl); }

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

if(WebView.getContentHeight*WebView.getScale() == (webview.getHeight()+WebView.getScrollY())){    //已经处于底端}

5.在页面中先显示图片

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

后续：
平时喜欢写写文章，笔记。别人建议我把笔记，以前写的东西整理，然后写成博客，所以我会陆续整理文章，只发自己写的东西，敬请期待：
知乎：https://www.zhihu.com/people/yang-chong-69-24/pins/posts
领英：https://www.linkedin.com/in/chong-yang-049216146/
简书：http://www.jianshu.com/u/b7b2c6ed9284
csdn：http://my.csdn.net/m0_37700275
网易博客：http://yangchong211.blog.163.com/
新浪博客：http://blog.sina.com.cn/786041010yc
github：https://github.com/yangchong211
喜马拉雅听书：http://www.ximalaya.com/zhubo/71989305/
开源中国：https://my.oschina.net/zbj1618/blog