✍️作者简介：小北编程（专注于HarmonyOS、Android、Java、Web、TCP/IP等技术方向）
🐳博客主页： 开源中国、稀土掘金、51cto博客、博客园、知乎、简书、慕课网、CSDN
🔔如果文章对您有一定的帮助请👉关注✨、点赞👍、收藏📂、评论💬。
🔥如需转载请参考【转载须知】
文章目录
- 准备工作
- 调试步骤
- 1. 查看进程ID
- 2. 启动调试端口转发
- 3. 浏览器配置与调试
- 4. 结束调试
- 注意事项
准备工作
在开始调试前，请确保已完成以下配置：
- 已安装并配置HDC工具
- Mac用户请参考：Mac HDC配置指南
- Windows用户请参考：Windows HDC配置指南
注意：如果未配置HarmonyOS环境变量，运行
hdc -v命令会报错：zsh: command not found: hdc -v
调试步骤
1. 查看进程ID
在终端执行以下命令，替换"项目包名"为您的实际包名（如：“com.csdn”）：
hdc shell ps -ef | grep "项目包名"
命令执行后会显示三条信息，其中第二条包含设备信息，记录该条信息中的进程ID。
⚠️
这里特别注意在查询设备ID的时候不要开启多设备否则查询部到
2. 启动调试端口转发
进程ID-就是上图所指的设备id
使用获取到的进程ID执行以下命令：
hdc fport tcp:9222 localabstract:webview_devtools_remote_进程ID
3. 浏览器配置与调试
-
在Chrome浏览器地址栏输入：
chrome://inspect -
点击"Configure"按钮，添加
localhost:9222 -
确保端口转发命令正在运行，刷新浏览器页面
-
点击"inspect"进入调试界面
4. 结束调试
调试完成后，执行以下命令关闭端口转发：
hdc fport kill tcp
注意事项
- 确保HDC工具已正确安装并配置环境变量
- 确保设备与开发机正常连接
- 如果浏览器中未显示设备，请检查端口转发命令是否执行成功
- 不同浏览器可能有不同的调试入口，本文以Chrome为例
- 注意不要连接多台设备或者开启模拟器，多设备会让其无法打开
🔔：多设备提示错误
➜ ~ hdc shell ps -ef
[Fail]ExecuteCommand need connect-key? please confirm a device by help info
如果在studio工作区有可能不提示
官方文档参考：使用DevTools工具调试前端页面
👍 点赞，是我创作的动力！
⭐️ 收藏，是我努力的指引！
✏️ 评论，是我进步的宝藏！
💖 衷心感谢你的阅读以及支持！
发布者：admin，转转请注明出处：http://www.yc00.com/web/1754669284a5187806.html
评论列表（0条）