手机web端html5保存图片不显示,Android5.0及以上的手机Webview中图片不显示

前提说明：

Webview中图片不显示的原因可能有很多种，但这里只分析我遇到的这一种情况，请根据下面描述看自己是否也属于这类问题，如果不是，可以ctrl+w了。。

问题描述：

项目中用到了WebView去显示h5页面，链接地址是https开头的，里面的图片地址链接是以http开头的，这时候，在android5.0及以上的系统上，图片可能就会显示不出来。在浏览器中开发者工具的控制台可看到以下log

image.png

原因在于，从android5.0开始，WebView默认不支持同时加载https和http混合模式。

解决方法：

很简单，在WebView加载页面之前，添加以下代码

if (Build.VERSION.SDK_INT > Build.VERSION_CODES.LOLLIPOP){

mWebview.getSettings().setMixedContentMode(WebSettings.MIXED_CONTENT_ALWAYS_ALLOW);

}

拓展：

从Android5.0以后，当一个安全的站点(https)去加载一个非安全的站点(http)时，需要配置Webview加载内容的混合模式，共有以下三种模式：

MIXED_CONTENT_NEVER_ALLOW ：WebView不允许一个安全的站点(https)去加载非安全的站点内容(http)；

MIXED_CONTENT_ALWAYS_ALLOW ：WebView是可以在一个安全的站点(Https)里加载非安全的站点内容(Http)；

MIXED_CONTENT_COMPATIBILITY_MODE：此这种模式下，当涉及到混合式内容时，WebView会尝试去兼容最新Web浏览器的风格。