diff --git a/zh-cn/application-dev/web/web-debugging-with-devtools.md b/zh-cn/application-dev/web/web-debugging-with-devtools.md index db6b5094a49c616334ca35e617a3fa6e294f500b..29eca2a764fa442f8e4bfe01349119573c0cd8d9 100644 --- a/zh-cn/application-dev/web/web-debugging-with-devtools.md +++ b/zh-cn/application-dev/web/web-debugging-with-devtools.md @@ -41,10 +41,19 @@ Web组件支持使用DevTools工具调试前端页面。DevTools是一个 Web前 3. 将设备连接上电脑,在电脑端配置端口映射,配置方法如下: ``` - // 添加映射 - hdc fport tcp:9222 tcp:9222 + //查找 devtools 远程调试所需的 domain socket 名称,该名称与进程号有关,重启调试应用后,需要重复此步骤,以完成端口转发 + cat /proc/net/unix | grep devtools + // 添加映射 [pid] 替换成实际的进程id + hdc fport tcp:9222 localabstract:webview_devtools_remote_[pid] // 查看映射 hdc fport ls + 示例: + hdc shell + cat /proc/net/unix | grep devtools + //显示 webview_devtools_remote_3458 + exit + hdc fport tcp:9222 localabstract:webview_devtools_remote_3458 + hdc fport ls ``` 4. 在电脑端chrome浏览器地址栏中输入chrome://inspect/\#devices,页面识别到设备后,就可以开始页面调试。调试效果如下: