HarmonyOS 鸿蒙Next 使用Devtools调试webview

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

HarmonyOS 鸿蒙Next 使用Devtools调试webview

想用Devtools调试webview,但是访问chrome://inspect/#devices后无法看到h5的内容,是哪里配置错误了吗

2 回复

HarmonyOS 鸿蒙Next使用Devtools调试webview的步骤如下:

一、在代码中开启web调试开关

  1. 在ets文件中,通过web_webview.WebviewController.setWebDebuggingAccess(true);配置Web开启调试模式。
  2. 在module.json5文件中增加“ohos.permission.INTERNET”权限。

二、查看应用进程号

进入SDK安装目录或使用编辑器查看运行设备的日志,找到对应的应用进程号。

三、端口映射

在SDK目录下使用shell命令运行端口映射,例如:.\hdc fport tcp:8888 localabstract:webview_devtools_remote_59559。注意替换59559为实际的应用运行端口,8888为映射的目标端口。

四、使用Chrome进行调试

  1. 打开Chrome浏览器,访问chrome://inspect/#devices
  2. 点击“Configure…”按钮,修改监听的端口号为之前映射的目标端口。
  3. 等待片刻,当出现“inspect”按钮时,点击即可开始调试webview。

如果以上步骤操作正确但问题依旧没法解决,请联系官网客服,官网地址是:https://www.itying.com/category-93-b0.html

回到顶部