3.3 钉钉小程序调试

3.3.1 本地调试

1.预览区

预览区可真实模拟小程序在钉钉应用里的表现，并针对绝大部分的API提供模拟功能。

2.调试模式

点击下方的“调试器”按钮，可切换到调试模式，如图3-4所示。

小程序的调试工具提供了对AXML和ACSS的支持，支持组件层级、属性回写等功能；同时包含了 Chrome调试工具中的网络请求、DOM元素检查、源码Debug等功能。

3.出错反馈

当开发者在AXML或配置文件里编译出错时，小程序开发者工具保存后会将错误的信息以redbox的形式呈现给开发者。

3.3.2 真机预览

使用如图3-5所示的“钉钉扫码登录”并“关联应用”后，在小程序开发者工具右上角点击“预览”按钮，并点击“确认推送”按钮，生成预览二维码，如图3-6所示，使用手机钉钉扫码预览即可。（只有确保左上角已经正确关联了应用和组织，才能推送成功。）

3.3.3 真机调试

在IDE上用手机钉钉扫码进行真机预览后，在iOS和Android上均可以进行真机调试。

1.在iOS上进行真机调试

调试面板的开关在页面右上角菜单中，选择“打开调试面板”命令，如图3-7所示。

选择“打开调试面板”命令后需要重新进入小程序，调试面板才会生效，这时在小程序中通过console就可以打印调试信息，如图3-8所示。

2.在Android上进行真机调试

调试面板的开关在页面右下角，直接点击“调试面板”按钮即可查看调试信息，如图3-9所示。

点击右下角的“调试面板”按钮，通过console即可打印调试信息，如图3-10所示。