支付宝小程序 真机调试
真机调试支持 IDE 0.24.3-beta.0 & 支付宝客户端 10.1.38 及以上版本。
概述
为了便于调试真机,开发者工具提供了远程真机调试功能,利用远程真机调试,可实现以下操作。
- 在 IDE 中断点调试远程小程序(断点调试操作仅支持 IDE 1.0 以上版本)
- 在 IDE 中查看远程界面的 AXML 结构与样式
- 在 IDE 中查看手机 Network & Storage 等信息
- 在 IDE 中查看小程序在手机端的运行日志
说明:
- 真机调试必须使用 https 的链接,必须配置域名白名单,且小程序只支持 https 域名配置请求接口。
- 真机运行体验版时,不可以访问地址为 IP + 端口号的接口,体验版需要配置白名单。本地 IDE 开发版可以,但是开发版需要在 IDE 上勾选忽略白名单。
- 远程调试中每次修改代码后需要断开远程调试,然后重新推送后扫码连接进行远程调试。
操作指南
- 点击右上角工具栏中的 真机调试,选择 自动推送(自动推送到手机)或 扫码调试(支付宝客户端扫描二维码),接下来模拟器上会展示连接信息,同时在手机上会显示 远程调试已连接。
- 打开 调试器,找到 source 里面对应的小程序页面 js 文件,在对应断点调试的代码行右键 Add breakpoint,断点成功后左侧代码行数背景色即为蓝色。
- 你可以进行断点调试,在命中断点后真机上会有遮罩提示,具体如图: