From c0e331258db29546ae8d486e5def95c4cebf74c8 Mon Sep 17 00:00:00 2001 From: lixiang Date: Fri, 2 Jun 2023 14:55:31 +0800 Subject: [PATCH] fixed ab52026 from https://gitee.com/li-xiang335/docs/pulls/19128 modify web-debugging-with-devtools Signed-off-by: lixiang --- .../web/web-debugging-with-devtools.md | 13 +++++++++++-- 1 file changed, 11 insertions(+), 2 deletions(-) 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 2917bca7bb..db6b5094a4 100644 --- a/zh-cn/application-dev/web/web-debugging-with-devtools.md +++ b/zh-cn/application-dev/web/web-debugging-with-devtools.md @@ -28,8 +28,17 @@ Web组件支持使用DevTools工具调试前端页面。DevTools是一个 Web前 } } ``` +2. 开启调试功能需要在DevEco Studio应用工程的module.json5中增加权限, 具体如下： -2. 将设备连接上电脑，在电脑端配置端口映射，配置方法如下： + ``` + "requestPermissions":[ + { + "name" : "ohos.permission.INTERNET" + } + ] + ``` + +3. 将设备连接上电脑，在电脑端配置端口映射，配置方法如下： ``` // 添加映射 @@ -38,7 +47,7 @@ Web组件支持使用DevTools工具调试前端页面。DevTools是一个 Web前 hdc fport ls ``` -3. 在电脑端chrome浏览器地址栏中输入chrome://inspect/\#devices，页面识别到设备后，就可以开始页面调试。调试效果如下： +4. 在电脑端chrome浏览器地址栏中输入chrome://inspect/\#devices，页面识别到设备后，就可以开始页面调试。调试效果如下： **图1** 页面调试效果图 -- GitLab