解决Android WebView不显示Mixed Content的问题

阳光穿透心脏的1/2处 2022-02-26 04:08 280阅读 0赞

## 场景 ##

在Android中使用WebView加载一些网页时，明明调用了WebView.loadUrl(“xxxxxx”),但是WebView却显示一片空白。

下面是我用WebView加载百度首页([https://www.baidu.com][https_www.baidu.com])出现的提示。我用小米手机自带的浏览器加载会弹出证书有问题的提示，但是WebView啥也没提示，只有一片空白。

> 2019-03-28 12:06:51.973 22181-22181/com.example.app I/chromium: \[INFO:CONSOLE(0)\] “Mixed Content: The page at ‘[https://www.baidu.com/][https_www.baidu.com 1]’ was loaded over HTTPS, but requested an insecure image ‘[http://d.hiphotos.baidu.com/forum/pic/item/9.jpg][http_d.hiphotos.baidu.com_forum_pic_item_9.jpg]’. This request has been blocked; the content must be served over HTTPS.”, source: [https://www.baidu.com/][https_www.baidu.com 1] (0)

这个原因是浏览器不允许在https里面嵌套http请求，只要发现https网站中有http请求，直接忽略。

## 解决方案 ##

最简单的不用https，用http的方式加载网页。但是为了安全肯定不会改成http，所以还是需要设置WebView，  
通过以下设置以后，就可以正常加载网页了。

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

如果是Android 8.0以上，还需要在AndroidManifest.xml中加上以下属性。因为8.0以上默认禁用了http.

## 原理 ##

英文官网  
[https://developer.android.com/reference/android/webkit/WebSettings.html\#setMixedContentMode(int)][https_developer.android.com_reference_android_webkit_WebSettings.html_setMixedContentMode_int]

国内官网  
[https://developer.android.google.cn/reference/android/webkit/WebSettings.html\#setMixedContentMode(int)][https_developer.android.google.cn_reference_android_webkit_WebSettings.html_setMixedContentMode_int]

--------------------

通过文档说明得知，从5.0以后，WebView默认使用的是MIXED\_CONTENT\_NEVER\_ALLOW，也就是不允许从http加载资源，只要改为MIXED\_CONTENT\_ALWAYS\_ALLOW就能正常加载http资源了。

[https_www.baidu.com]: https://www.baidu.com
[https_www.baidu.com 1]: https://www.baidu.com/
[http_d.hiphotos.baidu.com_forum_pic_item_9.jpg]: http://d.hiphotos.baidu.com/forum/pic/item/9.jpg
[https_developer.android.com_reference_android_webkit_WebSettings.html_setMixedContentMode_int]: https://developer.android.com/reference/android/webkit/WebSettings.html#setMixedContentMode%28int%29
[https_developer.android.google.cn_reference_android_webkit_WebSettings.html_setMixedContentMode_int]: https://developer.android.google.cn/reference/android/webkit/WebSettings.html#setMixedContentMode%28int%29