HarmonyOS 鸿蒙Next使用web组件在模拟器显示空白,无法打开src上的链接

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

HarmonyOS 鸿蒙Next使用web组件在模拟器显示空白,无法打开src上的链接

尝试使用基础代码(其他的也试了),但是打开模拟器是空白什么也不显示

“requestPermissions”:[
{
“name” : “ohos.permission.INTERNET”
}
]

这个也配置了

并且在预览器显示

// xxx.ets

import { webview } from ‘@kit.ArkWeb’;

@Entry

@Component

struct WebComponent {

  controller: webview.WebviewController = new webview.WebviewController();

  build() {

    Column() {

      Web({ src: ‘www.example.com’, controller: this.controller })

        .onSslErrorEventReceive((event) => {

          AlertDialog.show({

            title: ‘onSslErrorEventReceive’,

            message: ‘text’,

            primaryButton: {

              value: ‘confirm’,

              action: () => {

                event.handler.handleConfirm();

              }

            },

            secondaryButton: {

              value: ‘cancel’,

              action: () => {

                event.handler.handleCancel();

              }

            },

            cancel: () => {

              event.handler.handleCancel();

            }

          })

        })

    }

  }

}

2 回复

1:如果有真机的话,用真机验证一下

2:确认模拟器支持访问公网,如果显示空白界面,请检查电脑网络,是否有限制,或则使用代理,导致模拟器加载百度显示空白。 最简单的方式,使用您手机开启热点,给电脑使用,关闭电脑所有代理相关软件,然后再重新尝试,webview是可以加载百度的

针对HarmonyOS 鸿蒙Next使用web组件在模拟器显示空白、无法打开src上的链接的问题,以下是一些可能的解决方案:

  1. 检查网络连接

    • 确保模拟器已连接到网络,并且网络畅通。
    • 在应用中添加网络权限ohos.permission.INTERNET
  2. 检查权限设置

    • 确认fileAccessimageAccessonlineImageAccess等权限已开启,以便加载相关资源。
  3. 调试与错误定位

    • 根据HTML的报错信息进行调试。
    • 使用浏览器打开对应页面,验证页面是否存在问题。
    • 参考使用Devtools工具调试前端页面。
  4. 系统兼容性检查

    • 检查前端代码是否存在与HarmonyOS不兼容的HTML、CSS、JavaScript等特性。
  5. 模拟器设置

    • 确保模拟器版本支持所使用的web组件功能。
    • 尝试重启模拟器,以排除临时故障。

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

回到顶部