支付宝小程序开发工具 调试

支付宝小程序调试

概述

我们提供了两种调试方式：

• 模拟器 + 调试工具
• 手机端调试面板

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

模拟器

模拟器提供了如下功能：

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

调试工具

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

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

调试面板

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

点击开启调试后，在页面上会出现悬浮蓝色按钮调试面板。点击调试面板按钮，就可以看到调试面板了。

目前调试面板主要提供两个功能：

1. Log页签：显示打印日志（可按日志级别查看）
2. Alipay页签：可清楚缓存