支付宝小程序 IDE 调试

概述

我们提供了三种调试方式模拟器 + 调试工具、手机端调试面板、远程调试，供开发者进行调试操作，可根据需要自行选择调试方式。

模拟器 + 调试工具

模拟器中模拟了大部分的真机 API，并且配有调试工具，建议先在模拟器中完成基础功能、样式的调试，然后在真机上验证和调试，最终运行效果以真机为准。

说明：本地地址调试需要在 IDE 上调试，请勾选 忽略 http 验证。

模拟器

模拟器 提供了如下功能：

• 设备模拟（尺寸、精度等）
• 编译日志、编译错误提示、刷新
• 支付宝 JsAPI 模拟，以及位置、蓝牙、启动参数等模拟接口自定义配置

调试工具

配合模拟器，我们提供了定制化的 chrome devtool，在其基础上提供比如 axml 等扩展。默认展示的有：

• AXML：基于小程序元素的 dom、css 调试
• Console：运行日志、错误查看
• Storage：缓存数据查看、编辑
• Sources：源码查看、断点调试
• Network：网络资源、请求查看

调试面板

1. 真机预览小程序时，可以通过右上角按钮打开 调试面板。

1. 点击 打开调试 后，在页面上会出现悬浮蓝色按钮 调试面板。

1. 点击 调试面板 按钮，就可以看到调试面板了。

目前 调试面板 主要提供以下功能：

• Log 页签：显示打印日志（可按日志级别查看）
• Storage 查看小程序缓存
• Network 查看接口请求
• AXML 查看页面结构
• Data 页面 data 数据

远程调试

在远程调试模式中，IDE 和手机端建立起一个连接，在 IDE 端可以进行断点、运行时信息检查、Network/Storage 信息查看和远程日志查看等。详情请参见 真机调试。