HarmonyOS 鸿蒙Next 使用web加载http地址时，白屏无响应

HarmonyOS 鸿蒙Next 使用web加载http地址时，白屏无响应

在开发中使用web加载http地址时，白屏无相应，也没有走onErrorReceive回调，走了onPageEnd和onPageBegin 两个回调，请问是什么原因啊？

2 回复

添加属性和ua后尝试，参考以下demo:

import { webview } from '@kit.ArkWeb';
@Entry
@Component
struct WebComponent {
  controller: webview.WebviewController = new webview.WebviewController();

  build() {
    Column() {
      Web({ src: 'www.baidu.com', controller: this.controller})
        .backgroundColor(Color.White)
        .onControllerAttached(() => {
          this.controller.setCustomUserAgent('Mozilla/5.0 (Linux; Android 9; VRD-AL10; HMSCore 6.3.0.331) ' +
            'AppleWebKit/537.36 (KHTML, like Gecko) Chrome/99.0.4844.88 HuaweiBrowser/12.0.4.1 Mobile Safari/537.36')
        })
        .domStorageAccess(true)
        .javaScriptAccess(true)
        .fileAccess(true)
        .mixedMode(MixedMode.All)
    }
  }
}

更多关于HarmonyOS 鸿蒙Next 使用web加载http地址时，白屏无响应的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html


在HarmonyOS鸿蒙Next系统中，使用Web组件加载HTTP地址时出现白屏无响应的问题，通常可能与以下几个因素有关：

  1. 网络权限：确保应用已正确申请并获取了网络访问权限。在config.json文件中检查并添加必要的网络权限声明。

  2. HTTPS要求：鸿蒙系统出于安全考虑，可能默认要求通过HTTPS协议加载内容。如果尝试加载HTTP内容，可能会因安全策略被阻止。尝试将URL更改为HTTPS，或检查系统设置中是否有允许HTTP加载的选项。

  3. Web组件配置：检查Web组件的配置是否正确，包括是否正确设置了加载的URL、是否启用了必要的JavaScript执行权限等。

  4. 页面生命周期：确认在加载Web内容时，页面处于正确的生命周期状态。如页面已销毁或暂停，加载操作可能会被中断。

  5. 错误处理：添加错误处理逻辑，监听Web组件的加载事件和错误事件，以便在出现问题时能够获取更多调试信息。

如果以上检查均无问题，但问题依旧存在，可能是由于系统或组件的bug导致。此时，可以尝试更新鸿蒙系统到最新版本，或检查是否有相关的系统补丁。如果问题依旧没法解决请联系官网客服，官网地址是：https://www.itying.com/category-93-b0.html。

回到顶部