USB真机调试
概述
为了便于调试真机,开发者工具提供了 USB 真机调试功能,利用 USB 真机调试,可实现以下操作。
- 在 IDE 中查看小程序界面的结构与样式(目前仅支持 HTML,以后会支持小程序 DLT)
- 在 IDE 中查看手机 Console 信息
- 在 IDE 中断点调试已连接设备上的小程序
- 远程调试中每次修改代码后需要重新点击USB 调试按钮,重新推送后会自动在设备打开小程序并进行远程调试
操作指南
确保待调试手机已安装MiniApp,若未安装,可到MiniApp下载页,下载并安装MiniApp。
点击右上角工具栏中的USB 调试,接下来会在已连接的设备上自动打开小程序,同时 IDE 会打开调试器。
在调试器找到 source 里面对应的小程序页面 js 文件,在对应断点调试的代码行右键 Add breakpoint,断点成功后左侧代码行数背景色即为蓝色。
进行断点调试,在命中断点后真机上会有遮罩提示。