HarmonyOS 鸿蒙Next Web组件devtools调试失败

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

HarmonyOS 鸿蒙Next Web组件devtools调试失败

【关键字】

AES加解密 / 分段加解密 / 较大的数据加解密

【问题描述】

问题一:

按照文档:https://developer.huawei.com/consumer/cn/doc/harmonyos-guides/web-debugging-with-devtools-0000001774279958进行前端页面调试失败,中间无报错,在浏览器edge://inspect/#devices中无法找到当前设备。

问题二:

为什么要需要在电脑端配置端口映射步骤,而不能像安卓那样可以直接调试。

问题三:

与web_webview.WebviewController.setWebDebuggingAccess(true);设置的时机有关系,在UIAbility的onCreate中设置无效,必须在包含web组件的自定义组件的aboutToAppear中设置,且每个包含Web组件的自定义组件都必须设置才能调试该自定义组件包含的web组件。WebviewController.setWebDebuggingAccess既然有是静态方法,为什么不能在全局设置一次,App中所有用到web组件的调试功能都一起开启呢?

【解决方案】

问题一:

按照文档配联网权限,debug权限,还需要确定打开的页面是否为Web页面。

问题二:

应用关闭后,会更换进程号,然后调试需要重新端口转发映射。应用固定进程端口,可能会出现安全问题,暂时不支持一键调试。

问题三:

一个应用可能会继承不同的三方H5页面,面临不同的安全级别,所以根据每个Web单独配置读取执行权限。

6 回复
cke_145.png现在确认是Web页面 也识别不到远程设备
我们这边的老师问了华为相关人员说是api9不支持调试,也不知道真的假的,在课堂上几十个人都拉不起调试工具

找HarmonyOS工作还需要会Flutter的哦,有需要Flutter教程的可以学学大地老师的教程,很不错,B站免费学的哦:https://www.bilibili.com/video/BV1S4411E7LY/?p=17

同一种武功,只有天资卓越的主角才能登峰造极。看了鸿蒙NEXT的文档,我终于明白自己天资有限,只是配角。
使用edge浏览器访问edge://inspect/#devices

针对HarmonyOS 鸿蒙Next Web组件devtools调试失败的问题,可以尝试以下解决方案:

  1. 确认设备与调试环境:确保HarmonyOS设备版本支持webview调试,且开发环境(如DevEco Studio)已更新到最新版本。
  2. 开启调试权限:在应用中正确配置网络访问权限和调试权限,通常在module.json5文件中添加相应配置。
  3. 设置Web调试开关:通过setWebDebuggingAccess(true)接口开启Web组件的调试能力,该设置需在包含Web组件的自定义组件的aboutToAppear方法中调用。
  4. 配置端口映射:连接设备到电脑后,配置端口映射以便DevTools访问设备上的webview,使用hdc命令查找并映射devtools端口。
  5. 检查网络连接与设备状态:确保设备网络连接稳定,且webview加载的页面URL无误。
  6. 兼容性检查:检查页面HTML、CSS、JavaScript等代码,确保无错误或不支持的特性。

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

回到顶部