codecamp

支付宝小程序 真机调试

真机调试支持 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
支付宝小程序 IDE 调试
支付宝小程序 性能调试
温馨提示
下载编程狮App,免费阅读超1000+编程语言教程
取消
确定
目录

支付宝小程序开发文档

支付宝小程序 快速示例

支付宝小程序 小程序快速示例

支付宝小程序 框架

支付宝小程序 组件

支付宝小程序组件 基础组件

支付宝小程序组件 无障碍访问

支付宝小程序 扩展组件

支付宝小程序扩展组件 UI组件

支付宝小程序 API

支付宝小程序 开发工具

支付宝小程序 云服务

支付宝小程序 Serverless

关闭

MIP.setData({ 'pageTheme' : getCookie('pageTheme') || {'day':true, 'night':false}, 'pageFontSize' : getCookie('pageFontSize') || 20 }); MIP.watch('pageTheme', function(newValue){ setCookie('pageTheme', JSON.stringify(newValue)) }); MIP.watch('pageFontSize', function(newValue){ setCookie('pageFontSize', newValue) }); function setCookie(name, value){ var days = 1; var exp = new Date(); exp.setTime(exp.getTime() + days*24*60*60*1000); document.cookie = name + '=' + value + ';expires=' + exp.toUTCString(); } function getCookie(name){ var reg = new RegExp('(^| )' + name + '=([^;]*)(;|$)'); return document.cookie.match(reg) ? JSON.parse(document.cookie.match(reg)[2]) : null; }