解决webview加载网页出现白屏的问题

最新推荐文章于 2025-06-27 13:46:25 发布

原创最新推荐文章于 2025-06-27 13:46:25 发布 · 2.3w 阅读

3 ·

CC 4.0 BY-SA版权

Android 专栏收录该内容

12 篇文章

订阅专栏

本文介绍了如何解决在WebView加载网页时遇到的白屏问题，尤其是在网络速度较慢的情况下。通过修改WebView的背景颜色或设置加载中图片，可以改善用户体验。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

最近在使用WebView进行网页内容显示时，如果网络很慢，例如2G网络，加载网页会需要很长时间，在加载过程中，WebView一直显示白屏，体验不是很好。经过修改可以使用以下几个方案解决WebView加载过程中，出现白屏的问题。

1，修改WebView的背景，修改颜色值或者添加一个加载中的图片

webView.setBackgroundResource(R.drawable.bgblack);

如果设置WebView的背景图片，设置背景之前一定要设置setBackgroundColor为透明，否则看不到背景图片。代码如下：

webView.setBackgroundColor(android.R.color.transparent);
webView.setBackgroundResource(R.drawable.bgpic);

2，自定义加载动画。设置webviewWebViewClient，重写里面的方法，在onPageStarted加载动画或图片，在onPageFinished移除动画或图片

mWebView.setWebViewClient(new WebViewClient() {
            @Override
            public void onReceivedError(WebView view, int errorCode,
                    String description, String failingUrl) {
                     //网页加载失败的处理，一般是出错图片，跳转到出错处理页面
             super.onReceivedError(view, errorCode, description,failingUrl);
            }

            @Override
            public void onPageFinished(WebView view, String url) {
                super.onPageFinished(view, url);

                //网页加载结束的处理，可以停止动画

           }          
            @Override           
            public void onPageStarted(WebView view, String url, Bitmap favicon) {

                     super.onPageFinished(view, url);

                 //网页加载开始的处理，开始动画
            }
        });

3，方法2中会出现一个问题，就是当页面加载全部完成的时候，动画才会消失，有的页面加载到10%已经有内容显示，但是加载动画还在，效果不是很好，如果想解
决页面出现内容就让加载动画消失，设置WebView的另外一个参数

     mWebView.setPictureListener(new PictureListener() {
            @Override
            public void onNewPicture(WebView view, Picture picture) {
                //移除动画或者删除背景图片
            }
        });

这个方法的含义就是webview进行页面绘制的时候，只要有内容显示就会被这个回调PictureListener的onNewPicture方法。

原创文章，转载请标注文章来源：http://blog.youkuaiyun.com/songshizhuyuan/article/details/12676853