Android WebView 加载H5页面空白问题

时间: 2019-05-14阅读: 165标签: 空白

在Android开发过程中,经常需要使用WebView加载一些H5页面,但有时会出现页面加载失败的情况,今天就探讨下如何解决页面加载空白的问题:


加载 HTTPS 页面时导致的问题

通常情况下,通过WebView的loadUrl(String url)方法,可以顺利加载页面。但是,当load通过SSL加密的HTTPS页面时,如果这个页面的安全证书无法得到认证,WebView就会显示成空白页。

解决方式:通过重写WebViewClient的onReceivedSslError方法来接受所有网站的证书,忽略SSL错误。

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

Https 页面图片资源显示失败

在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);
}

H5页面使用DOM storage API导致的页面加载问题

DOM storage 是HTML5提供的一种标准接口,主要将键值对存储在本地,在页面加载完毕后可以通过JavaScript来操作这些数据,但是Android 默认是没有开启这个功能的,则导致H5页面加载失败,错误日志:

[INFO:CONSOLE(186)] "Uncaught TypeError: Cannot read property 'getItem' of null"
[INFO:CONSOLE(1)] "Error:Uncaught TypeError: Cannot read property 'getItem' of null
[INFO:CONSOLE(1)] "Error:Uncaught TypeError: Cannot read property 'activeIndex' of undefined
解决方式:通过WebSettings设置开启DOM Storage功能
settings.setDomStorageEnabled(true);


作者:咻咻ing
链接:https://www.jianshu.com/p/8ef6340dc166


fly63.com版权所有,内容以共享、参考、研究为目的,不存在任何商业目的。其版权属原作者所有,如有侵权,请与小编联系!情况属实本人将予以删除!

广告赞助文章投稿关于web前端网站点搜索站长推荐网站地图站长QQ:522607023

小程序专栏: 土味情话心理测试脑筋急转弯幽默笑话段子句子语录成语大全