HarmonyOS 鸿蒙Next 使用Devtools调试webview
HarmonyOS 鸿蒙Next 使用Devtools调试webview
想用Devtools调试webview,但是访问chrome://inspect/#devices后无法看到h5的内容,是哪里配置错误了吗
2 回复
HarmonyOS 鸿蒙Next使用Devtools调试webview的步骤如下:
一、在代码中开启web调试开关
- 在ets文件中,通过
web_webview.WebviewController.setWebDebuggingAccess(true);
配置Web开启调试模式。 - 在module.json5文件中增加“ohos.permission.INTERNET”权限。
二、查看应用进程号
进入SDK安装目录或使用编辑器查看运行设备的日志,找到对应的应用进程号。
三、端口映射
在SDK目录下使用shell命令运行端口映射,例如:.\hdc fport tcp:8888 localabstract:webview_devtools_remote_59559
。注意替换59559为实际的应用运行端口,8888为映射的目标端口。
四、使用Chrome进行调试
- 打开Chrome浏览器,访问
chrome://inspect/#devices
。 - 点击“Configure…”按钮,修改监听的端口号为之前映射的目标端口。
- 等待片刻,当出现“inspect”按钮时,点击即可开始调试webview。
如果以上步骤操作正确但问题依旧没法解决,请联系官网客服,官网地址是:https://www.itying.com/category-93-b0.html。