WebView的问题总结
目录介绍
1.关于加载H5页面闪烁问题
2.WebView页面中播放了音频,退出Activity后音频仍然在播放
3.为WebView自定义错误显示界面
4.判断WebView是否已经滚动到页面底端
5.在页面中先显示图片
好消息
- 博客笔记大汇总【16年3月到至今】，包括Java基础及深入知识点，Android技术博客，Python学习笔记等等，还包括平时开发中遇到的bug汇总，当然也在工作之余收集了大量的面试题，长期更新维护并且修正，持续完善……开源的文件是markdown格式的！同时也开源了生活博客，从12年起，积累共计47篇[近20万字]，转载请注明出处，谢谢！
- 链接地址：https://github.com/yangchong211/YCBlogs
- 如果觉得好，可以star一下，谢谢！当然也欢迎提出建议，万事起于忽微，量变引起质变！
1.关于加载H5页面闪烁问题
- 方案1：加载进度条【该方法在夜间模式下无法解决闪烁问题】
@Override
public 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);
}
@Override
public 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);
}
@Override
public 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/
