Android问题笔记十四:解决WebView白屏空白的九种方案,AutoSize?

专栏分享

👉关于作者

众所周知,人生是一个漫长的流程,不断克服困难,不断反思前进的过程。在这个过程中会产生很多对于人生的质疑和思考,于是我决定将自己的思考,经验和故事全部分享出来,以此寻找共鸣 !!!
专注于Android/Unity和各种游戏开发技巧,以及各种资源分享(网站、工具、素材、源码、游戏等)
有什么需要欢迎私我,交流群让学习不再孤单

在这里插入图片描述

👉实践过程

😜情况一

比如我第一个要说的就是你项目如果集成了AutoSize的话,并且使用了副单位,会有一定概率webview里面适配失效,注意失效后会因为单位特别大等原因看起来是白屏(其实是超出了可视范围导致看不见了而已),你还需要适配下即可。继承下webview,复写setOverScrollMode方法,里面设置AutoSize即可。我在这一块吃了很大的一个亏。气死了。

class YourWebView : WebView { 
  constructor(context: Context) : super(context) { 
   }
    constructor(context: Context, attrs: AttributeSet) : super(context, attrs) { 
   }
    override fun setOverScrollMode(mode: Int) { 
        super.setOverScrollMode(mode)
        AutoSize.autoConvertDensityOfGlobal(context as Activity)
    }
}

😜情况二

其实只要你百度基本都能发现,最多的就是setDomStorageEnabled属性设置为true来解决。
其实确实是这样。但是我们要有一个概念,白屏不一定是webview的原因,还有可能是其他的原因,比如上面的AutoSize。
HTML5 的 DOM Storage 机制提供了一种方式让程序员能够把信息存储到本地的计算机上,在需要时获取。这点和 cookie 相似,区别是 DOM Storage 提供了更大容量的存储空间。
localStorage 对象和 sessionStorage 对象使用方法基本相同,它们的区别在于作用的范围不同。sessionStorage 用来存储与页面相关的数据,它在页面关闭后无法使用。而 localStorage 则持久存在,在页面关闭后也可以使用。

😜情况三

本身html就有bug,别不信,遇到好几次了。前端同事在他那跑起来没问题,可随时Android运行就是不行,后来一点发现直接在浏览器运行就有问题。前端同事很有可能在开发环境下没事,发布出来就有毛病了,或者是从大模块里摘出来的小模块,大模块下运行着没事,小模块摘出来没弄好导致问题。

😜情况四

合理适时的清理webview的缓存,以及webview页面关闭硬件加速。平时工作中和前端交流也是,他们说的最多的就是缓存问题,web遇见bug或问题,说浏览器或缓存的问题,刷新下就好了。挺魔幻的。

// 清缓存和记录,缓存引起的白屏
mWebView.clearCache(true);
mWebView.clearHistory();
//... 有很多clear的方法

😜情况五

https的问题,当load通过SSL加密的HTTPS页面时,如果这个页面的安全证书无法得到认证,WebView就会显示成空白页。比如出现Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https。
这个是开启相关设置即可。
通过重写WebViewClient的onReceivedSslError方法来接受所有网站的证书,忽略SSL错误。

  @Override
  public void onReceivedSslError(WebView view, SslErrorHandler handler, SslError error) {
       handler.proceed();
       super.onReceivedSslError(view, handler, error);
   }
webSetting.setAllowUniversalAccessFromFileURLs(true);

😜情况六

在Android 5.0之后,WebView默认不允许Https + Http的混合使用方式,所以当Url是Https的,图片资源是Http时,导致页面加载失败。需要设置 MixedContentMode属性允许Https+Http混用。

WebSettings wetSettings = webView.getSettings();
if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {
    wetSettings.setMixedContentMode(WebSettings.MIXED_CONTENT_ALWAYS_ALLOW);
}

😜情况七

多android版本兼容问题,在Android7.0+,打开二级页面跳转的时候,会出现空白!!原因是不同版本的系统WebViewClient的回调里shouldOverrideUrlLoading方法的loadurl不一定是地址,也有可能是对象。

WebViewClient client = new WebViewClient() {
    //防止加载网页时调起系统浏览器
    @Override
    public boolean shouldOverrideUrlLoading(WebView view, WebResourceRequest request) {
        if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {
            view.loadUrl(request.getUrl().toString());
        } else {
            view.loadUrl(request.toString());
        }
        return true;
    }
   //.......
};

😜情况八

如果上面都不行,一般就是自己做更深的检测了。思路是:

  1. 截取当前屏幕的内容,获得Bitmap
  2. 判断Bitmap是否为白色图片
  3. 针对白屏做相应的处理

可参考:https://juejin.cn/post/6972901939197509669

😜情况九

事实证明高级语言,什么框架啊,前沿技术啊,都有很多的坑,兼容问题,他们的表现在某方面可能好但并不是全部适用。如果你是领导,且是以出产品为目的,挺推荐约束同事就用原生的开发,渐渐的累积起来后续开发会越来越快。

👉其他

📢作者:小空和小芝中的小空
📢转载说明-务必注明来源:https://zhima.blog.csdn.net/
📢这位道友请留步☁️,我观你气度不凡,谈吐间隐隐有王者霸气💚,日后定有一番大作为📝!!!旁边有点赞👍收藏🌟今日传你,点了吧,未来你成功☀️,我分文不取,若不成功⚡️,也好回来找我。

温馨提示点击下方卡片获取更多意想不到的资源。
空名先生

Android WebView白屏问题可能有多个原因。其中一个原因是在Android 7.0及以上版本中,当打开二级页面跳转时,可能会出现空白。这是因为不同版本的系统WebViewClient的回调函数shouldOverrideUrlLoading方法中的loadurl参数可能是地址,也可能是对象。为了解决这个问题,可以根据不同版本的系统来加载URL地址。 另一个可能的原因是对某些标签的不支持导致白屏。为了解决这个问题,可以开启WebView的DOM存储功能,通过设置webSettings.setDomStorageEnabled(true)来解决。 此外,白屏问题还可能是由于Https证书问题导致的。如果网页链接使用的证书不被Android系统信任,就会出现白屏现象。解决方法是检查证书是否正确生成,并确保Android系统信任该证书。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* [Android问题笔记 - 解决WebView白屏空白九种方案AutoSize?](https://blog.csdn.net/qq_27489007/article/details/130028649)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 33.333333333333336%"] - *2* [Webview加载界面白屏解决方法总结](https://blog.csdn.net/qq_34584049/article/details/78280815)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 33.333333333333336%"] - *3* [Android WebView打开网页一片空白解决方法](https://download.csdn.net/download/weixin_38528517/14916548)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 33.333333333333336%"] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

芝麻粒儿

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值