程序调试主要包括三个功能区域：模拟器，调试工具和小程序操作区域

模拟器

模拟器可以在客户端模拟微信小程序的真实逻辑性能，并且大多数API都可以在模拟器上以正确的状态显示。

编译代码

单击工具左下角的编译按钮，或使用快捷键Ctrl（）+ B编译当前代码并自动刷新模拟器。

同时，为了帮助开发人员调试特定页面或输入场景值，开发人员可以选择自定义编译模式。

调试工具

调试工具分为7个主要功能模块：Wxml 、、、、、、

Wxml

Wxml用于帮助开发人员在Wxml转换后开发接口。在这里，您可以看到真实的页面结构以及该结构的相应wxss属性。同时，您可以通过修改相应的wxss属性来实时查看模拟器中的修改。通过调试模块左上角的选择器，您还可以在页面上快速找到与该组件相对应的wxml代码。

它用于显示当前项目的脚本文件。与浏览器开发不同，微信小程序框架会编译脚本文件，因此开发人员看到的文件是已处理的脚本文件。该代码将包装在函数中，对于Page代码，将在末尾进行活动调用。

用于观察和显示和的请求状态

注意：并且当前不支持在其中查看

用于显示当前时间的当前项目的具体数据，并实时反馈项目数据。您可以在此处编辑数据，然后将其及时反馈给界面。

用于显示使用wx之后的数据存储情况。或wx。当前项目的

有两个主要功能：

有两个主要功能：

小程序操作区

小程序程序操作区可帮助开发人员模拟某些客户端环境操作。例如，当用户从小程序返回到聊天窗口时，它将触发将小程序设置为后台api。

当小型程序使用多个窗口时，可以在顶部操作区域中切换页面。需要说明的是，该操作只是为了开发人员的方便，在实际的微信客户端中不可用。

自定义数据报告

可以在开发人员工具上编辑和调试自定义分析的数据报告功能。点击菜单栏中的“工具-自定义分析”以打开自定义分析：

您可以在页面上创建，查看或修改事件。在用于修改事件的页面中编辑后，单击底部的保存并测试按钮以保存当前配置，该工具将提示您在调试器上接收最新配置，并显示配置信息，包括ID和名称。事件，以及每个操作的触发条件和报告数据：

然后您可以在模拟器中操作和触发事件。除非关闭窗口，否则在模拟器中刷新小程序也将获得测试配置。关闭窗口后，仿真器将不再接收配置。触发事件以进行报告时，该工具将显示报告的信息，包括事件ID，触发页面，触发方法，触发时的操作以及报告的字段值和数据：

同时，您可以在窗口中单击“同步结果”微信小程序开发工具模拟操作，报告的数据将同步显示：

关闭窗口后，配置将全部无效，模拟器将不再接收配置并且将不再触发报告（小程序中使用wx。的数据报告仍将在工具中输出）。测试成功后，可以在的后台发布事件配置，然后可以正式收集定义的事件数据。

有关微信小程序开发的更多教程，您可以关注小程序。

免费观看价值980元的热门0基本小程序的制作和开发

小程序训练营微信裂变课程

第2部分：如何开设小商店