webview 打开h5页面 新标签页_Android WebView 加载H5页面空白问题 - 简书

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

复制代码