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

Sources Pannel

Sources Pannel用于显示当前项目的脚本文件。与浏览器开发不同，微信小程序框架编译脚本文件，因此开发人员在Sources Pannel中看到的文件是经过处理的脚本文件，开发人员的代码将包装在define函数中，而对于Page代码，将在at处进行主动调用require结束。

网络面板

Netwrok Pannle用于观察和显示请求和套接字的请求状态

Appdata面板

Appdata Pannel用于显示当前时间的当前项目的特定appdata数据，并实时反馈项目数据。您可以在此处编辑数据并及时将其反馈给界面。

存储面板

存储面板用于在使用wx.setStorage或wx.setStorageSync之后显示当前项目的数据存储状态。

控制台面板

控制台面板具有两个主要功能：

开发人员可以在此处输入和调试代码

小程序操作区域：

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

小程序使用多个窗口时，可以在顶部操作区域中切换页面。应该注意的是，该操作只是为了方便开发人员，在某些真正的微信客户端中将不存在。

微信小程序开发教程：