美文网首页
Android5.0及以上的手机Webview中图片不显示

Android5.0及以上的手机Webview中图片不显示

作者: chenglifengle | 来源:发表于2017-08-24 10:49 被阅读0次

前提说明:

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浏览器的风格。

相关文章

网友评论

      本文标题:Android5.0及以上的手机Webview中图片不显示

      本文链接:https://www.haomeiwen.com/subject/yepddxtx.html