为了便于调试真机,开发者工具提供了远程真机调试功能,利用远程真机调试,你可以:
1)在 IDE 中断点调试远程小程序(以下断点调试操作仅支持 IDE 1.0 以上版本);
2)在 IDE 中查看远程界面的 AXML 结构与样式;
3)在 IDE 中查看手机 Network & Storage 等信息;
4)在 IDE 中查看小程序在手机端的运行日志。
点击右上角工具栏中的【真机调试】,使用手机淘宝客户端扫描真机调试码,接下来模拟器上会展示连接信息,同时在手机上会显示【远程调试已连接】。
打开【调试器】,找到 source 里面对应的小程序页面 js 文件,在对应断点调试的代码行右键【Add breakpoint】,断点成功后左侧代码行数背景色即为蓝色。
你可以进行断点调试,在命中断点后真机上会有遮罩提示,具体如图:
注意:在远程调试中需要注意,每次修改代码后需要断开远程调试,然后重新推送后扫码连接进行远程调试。
建议在IDE的详情页面勾选预览、调试时使用云构建。