HarmonyOS 鸿蒙Next 系统的web组件无法加载url

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

HarmonyOS 鸿蒙Next 系统的web组件无法加载url

使用系统的web组件加载   网页无法加载  

Column() {
Web({ src: ‘’, controller: this.controller }).width(‘100%’).height(‘100%’).mixedMode(MixedMode.All)
}.width(‘100%’).height(‘100%’)<button style="position: absolute; padding: 4px 8px 0px; cursor: pointer; top: 8px; right: 8px; font-size: 14px;">复制</button>


更多关于HarmonyOS 鸿蒙Next 系统的web组件无法加载url的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html

Harmonyos Next教程
2 回复 
import web_webview from '@ohos.web.webview';
import business_error from '@ohos.base';
[@Entry](/user/Entry)
[@Component](/user/Component)
struct WebComponent {
  controller: web_webview.WebviewController = new web_webview.WebviewController();
  build() {
    Column() {
      Button('loadUrl')
        .onClick(() => {
          try {
            // 点击按钮时，通过loadUrl，跳转到www.example1.com
            this.controller.loadUrl('');
          } catch (error) {
            let e: business_error.BusinessError = error as business_error.BusinessError;
            console.error(`ErrorCode: ${e.code},  Message: ${e.message}`);
          }
        })
      // 组件创建时，加载www.example.com
      Web({ src: '', controller: this.controller}).domStorageAccess(true)
    }
  }
}<button style="position: absolute; padding: 4px 8px 0px; cursor: pointer; top: 8px; right: 8px; font-size: 14px;">复制</button>

可以参考此文档：https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V13/ts-basic-components-web-V13#domstorageaccess

更多关于HarmonyOS 鸿蒙Next 系统的web组件无法加载url的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html


HarmonyOS 鸿蒙Next系统中，Web组件无法加载URL的问题通常与组件配置、网络权限及URL格式有关。

  1. 组件配置：首先确认Web组件的配置文件是否正确设置。检查config.json中是否有对应的web组件声明，以及是否正确配置了所需的权限和属性。特别是ohos.permission.INTERNET权限，确保已在应用中声明。

  2. URL格式：确保加载的URL格式正确无误，支持HTTP或HTTPS协议，且URL可访问。如果URL包含特殊字符或路径，需进行URL编码处理。

  3. 网络状态：检查设备的网络连接状态，确保设备处于可联网状态。如果设备处于离线或网络不稳定状态，Web组件将无法加载URL。

  4. 系统日志：查看系统日志，分析Web组件加载URL时的错误信息和异常堆栈，有助于定位问题原因。

  5. 版本兼容性：确认HarmonyOS鸿蒙Next系统的版本与Web组件的兼容性。如果组件版本与系统版本不兼容，可能导致加载失败。

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

回到顶部