HarmonyOS 鸿蒙Next web 加载url外链时外链中很多内容不显示

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

HarmonyOS 鸿蒙Next web 加载url外链时外链中很多内容不显示


更多关于HarmonyOS 鸿蒙Next web 加载url外链时外链中很多内容不显示的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html

2 回复

可以把mixedMode属性设置成All,mixedMode(MixedMode.All),不设置的话默认不允许加载HTTP和HTTPS混合内容。

import { webview } from '[@kit](/user/kit).ArkWeb';

[@Entry](/user/Entry)
[@Component](/user/Component)
struct Page240528165353046 {
 [@State](/user/State) message: string = 'Hello World';
 controller: webview.WebviewController = new webview.WebviewController()

 aboutToAppear(): void {
   webview.WebviewController.setWebDebuggingAccess(true);
 }

 build() {
   Column() {
     Web({ src: "https://mp.weixin.qq.com/s?__biz=MzI4MzYzMjgyMA==&mid=2247553459&idx=2&sn=f32c5e9c9c758f5d49ef279e695d8034&chksm=eb85e468dcf26d7e2494a2cf45ca85776e4917565af003a1977e1710dd471fdfcfb4e780d233&token=1196471782&lang=zh_CN#rd", controller: this.controller })
       .mixedMode(MixedMode.All)
       .javaScriptAccess(true)
       .domStorageAccess(true)
       .onSslErrorEvent(event => {
         event.handler.handleConfirm();
       })
   }
   .height('100%')
   .width('100%')
 }
}

更多关于HarmonyOS 鸿蒙Next web 加载url外链时外链中很多内容不显示的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html


HarmonyOS 鸿蒙Next web在加载URL外链时,若遇到外链中很多内容不显示的问题,可能由以下几个原因造成:

  1. 跨域资源共享(CORS)限制:确保服务器配置了正确的CORS策略,允许HarmonyOS应用访问所需资源。若服务器未开放跨域访问,则部分内容可能因安全策略被浏览器阻止加载。

  2. 外链资源加载失败:检查URL外链中的资源是否有效,包括图片、视频、CSS、JS文件等。确保所有资源均可正常访问,无404或500等错误。

  3. CSS/JS兼容性:部分CSS或JS代码可能不兼容HarmonyOS的WebView组件。检查代码是否使用了特定于其他浏览器的API或特性,这些在HarmonyOS中可能不被支持。

  4. 页面渲染问题:确认页面结构是否符合HTML标准,避免使用HarmonyOS WebView不支持的HTML5标签或属性。

  5. 权限设置:检查HarmonyOS应用是否拥有访问网络资源的必要权限,如INTERNET权限。

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

回到顶部