HarmonyOS 鸿蒙Next web组件加载url后,图片显示不出来

发布于 1周前 作者 gougou168 来自 鸿蒙OS

HarmonyOS 鸿蒙Next web组件加载url后,图片显示不出来

如图所示 ,web加载url后,图片无法显示,打印日志查看问题如下
(webview日志:WebView:https://wap.cgbchina.com.cn/landingFiles/20221214-143809659/index.html:1:Mixed Content: The page at ‘https://wap.cgbchina.com.cn/landingFiles/20221214-143809659/index.html’ was loaded over HTTPS, but requested an insecure image ‘http://card.cgbchina.com.cn/subsite/202005/23450234/images/zqjk.jpg’. This request has been blocked; the content must be served over HTTPS.)https://wap.cgbchina.com.cn/landingFiles/20221214-143809659/index.html为url地址

2 回复
https地址中,如果加载了http资源,浏览器将认为这是不安全的资源,将会默认阻止。推荐使用以下2种方案:
1、设置webview的加载模式为MixedMode.All,参考链接:Web-ArkTS 组件-ArkWeb(方舟Web)-应用框架 - 华为HarmonyOS开发者
2、修改你的html资源页面,在头部标签加入:
<meta http-equiv=“Content-Security-Policy” content=“upgrade-insecure-request”>

针对HarmonyOS鸿蒙Next web组件加载url后图片显示不出来的问题,以下是一些可能的解决方案:

  1. 检查资源安全性:如果url中使用的是https地址,但加载了http资源,浏览器将默认阻止这些不安全资源。此时,可设置webview的加载模式为MixedMode.All,以允许加载不同安全级别的资源。
  2. 修改HTML资源:在HTML资源页面的头部标签中,加入<meta http-equiv=“Content-Security-Policy” content=“upgrade-insecure-request”>,以自动将不安全请求升级为安全请求。
  3. 检查图片格式:确认HarmonyOS鸿蒙Next是否支持图片的具体格式,例如gif,尽管gif格式广泛支持,但在某些特定环境或配置下可能存在兼容性问题。
  4. 清除缓存:尝试清除应用缓存或浏览器缓存,缓存问题可能导致图片加载失败。
  5. 网络请求:如果图片通过网络加载,确保网络请求正常,服务器允许应用访问该图片。

如果问题依旧没法解决请联系官网客服,官网地址是:https://www.itying.com/category-93-b0.html

回到顶部