Android WebView不能加载页面中的图片,https和http混合加载

问题背景:
App中有一个H5页面,所有手机都能正常打开,但是高版本Android手机打开H5页面后,图片不能正常显示了,文字能正常显示。低版本手机(小米5,Android 8.0)能正常显示,浏览器能正常显示,iOS客户端也能正常显示。
在这里插入图片描述

从问题背景中,可以猜测大概率是Android 客户端 Webview的问题。

H5页面的协议是https
页面内图片Url的协议是http
问题就是出现在这里。

在Android5.0之前,系统默认是采用的MIXED_CONTENT_ALWAYS_ALLOW模式,即总是允许WebView同时加载Https和Http;而从Android5.0开始,默认用MIXED_CONTENT_NEVER_ALLOW模式,即总是不允许WebView同时加载Https和Http。

解决,设置如下

 if (Build.VERSION.SDK_INT > Build.VERSION_CODES.LOLLIPOP) {
            webSettings.setMixedContentMode(WebSettings.MIXED_CONTENT_ALWAYS_ALLOW);
        }

设置webview一直支持同时加载Https和Http。

  • 2
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
可能是以下原因导致的: 1. 缺少必要的权限。在 AndroidManifest.xml 文件添加以下权限: ```xml <uses-permission android:name="android.permission.INTERNET"/> <uses-permission android:name="android.permission.ACCESS_NETWORK_STATE"/> ``` 2. 在 Android 4.4 及以上版本WebView 默认不支持混合模式(http/https 混合内容)。需要在代码进行设置: ```java if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) { WebView.setWebContentsDebuggingEnabled(true); } webView.getSettings().setMixedContentMode(WebSettings.MIXED_CONTENT_ALWAYS_ALLOW); ``` 3. WebView 加载页面存在 Javascript 错误。可以通过设置 WebViewClient 的 onReceivedError 方法,捕获错误信息: ```java webView.setWebViewClient(new WebViewClient() { @Override public void onReceivedError(WebView view, int errorCode, String description, String failingUrl) { super.onReceivedError(view, errorCode, description, failingUrl); Log.e(TAG, "errorCode:" + errorCode + ",description:" + description + ",failingUrl:" + failingUrl); } }); ``` 4. WebView 加载页面存在资源加载错误。可以通过设置 WebChromeClient 的 onConsoleMessage 方法,捕获错误信息: ```java webView.setWebChromeClient(new WebChromeClient() { @Override public boolean onConsoleMessage(ConsoleMessage consoleMessage) { Log.e(TAG, consoleMessage.message() + " -- From line " + consoleMessage.lineNumber() + " of " + consoleMessage.sourceId()); return super.onConsoleMessage(consoleMessage); } }); ``` 以上是一些可能导致 WebView 加载页面白屏的常见原因和解决方法,希望对你有所帮助。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值