调测AstroZero标准页面

使用AstroZero完成标准页面开发后，需要进行预览调测、验证页面是否符合预期效果，例如根据相关数据判断页面逻辑是否正确执行。标准页面的调测分为“调试事件”和“调试页面样式”两类。

打开一个标准页面。

图1 标准页面实例
选择一个组件，例如“上传”组件，在右侧区域切换到“事件”页签，单击“文件上传”事件后的“+”，进入“上传”事件的编排页面。

图2 单击文件上传后的加号
在代码编辑区域，使用“debugger” 语句设置断点，单击“创建”。

图3 使用“debugger”设置断点
返回标准页面开发界面，单击，保存标准页面后，单击，预览标准页面。
在弹出的预览页面，按“F12”或者“Ctrl + Shift + I”，开启浏览器调试工具。

在“Console”页签，查看日志相关信息。在“Network”页签，查看网络请求信息。
图4 “Console”页签查看日志相关信息

图5 在“Network”页签查看网络请求信息
单击上传按钮上传文件，由于之前在上传事件的自定义JavaScript代码中使用“debugger” 语句设置断点，因此事件代码在执行到debugger语句时会停止执行。
按“F8”可跳转下一个断点，按“F10”可跳转下一行，根据相关数据判断页面逻辑是否正确执行。

图6 调试JavaScript代码