提交 979c4440 编写于 作者: L lixiang 提交者: 李想

fixed ab52026b from https://gitee.com/li-xiang335/docs/pulls/19128

modify web-debugging-with-devtools
Signed-off-by: Nlixiang <lixiang380@huawei.com>
上级 f13da795
...@@ -28,8 +28,17 @@ Web组件支持使用DevTools工具调试前端页面。DevTools是一个 Web前 ...@@ -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前 ...@@ -38,7 +47,7 @@ Web组件支持使用DevTools工具调试前端页面。DevTools是一个 Web前
hdc fport ls hdc fport ls
``` ```
3. 在电脑端chrome浏览器地址栏中输入chrome://inspect/\#devices,页面识别到设备后,就可以开始页面调试。调试效果如下: 4. 在电脑端chrome浏览器地址栏中输入chrome://inspect/\#devices,页面识别到设备后,就可以开始页面调试。调试效果如下:
**图1** 页面调试效果图 **图1** 页面调试效果图
......
Markdown is supported
0% .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑!
想要评论请 注册