支付宝小程序 真机调试

2020-09-16 15:51 更新

真机调试支持 IDE 0.24.3-beta.0 & 支付宝客户端 10.1.38 及以上版本。

概述

为了便于调试真机,开发者工具提供了远程真机调试功能,利用远程真机调试,可实现以下操作。

  • 在 IDE 中断点调试远程小程序(断点调试操作仅支持 IDE 1.0 以上版本)

  • 在 IDE 中查看远程界面的 AXML 结构与样式

  • 在 IDE 中查看手机 Network & Storage 等信息

  • 在 IDE 中查看小程序在手机端的运行日志

说明:

  • 真机调试必须使用 https 的链接,必须配置域名白名单,且小程序只支持 https 域名配置请求接口。
  • 真机运行体验版时,不可以访问地址为 IP + 端口号的接口,体验版需要配置白名单。本地 IDE 开发版可以,但是开发版需要在 IDE 上勾选忽略白名单。
  • 远程调试中每次修改代码后需要断开远程调试,然后重新推送后扫码连接进行远程调试。

操作指南

  1. 点击右上角工具栏中的 真机调试,选择 自动推送(自动推送到手机)或 扫码调试(支付宝客户端扫描二维码),接下来模拟器上会展示连接信息,同时在手机上会显示 远程调试已连接image.png

  1. 打开 调试器,找到 source 里面对应的小程序页面 js 文件,在对应断点调试的代码行右键 Add breakpoint,断点成功后左侧代码行数背景色即为蓝色。image.png

  1. 你可以进行断点调试,在命中断点后真机上会有遮罩提示,具体如图: image.png
以上内容是否对您有帮助:
在线笔记
App下载
App下载

扫描二维码

下载编程狮App

公众号
微信公众号

编程狮公众号