提交 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前
}
}
```
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** 页面调试效果图
......
Markdown is supported
0% .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑!
想要评论请 注册