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 2917bca7bb527dd54af497783ad06faf2bb802f7..db6b5094a49c616334ca35e617a3fa6e294f500b 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** 页面调试效果图