前提说明:
Webview中图片不显示的原因可能有很多种,但这里只分析我遇到的这一种情况,请根据下面描述看自己是否也属于这类问题,如果不是,可以ctrl+w了。。
问题描述:
项目中用到了WebView去显示h5页面,链接地址是https开头的,里面的图片地址链接是以http开头的,这时候,在android5.0及以上的系统上,图片可能就会显示不出来。在浏览器中开发者工具的控制台可看到以下log
原因在于,从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浏览器的风格。