程序调试主要有三大功效区：模拟器、调试工具和小程序操作区

模拟器

模拟器模拟微信小程序在客户端真实的逻辑体现，
，，，关于绝大部分的 API 均能够在模拟器上泛起出准确的状态。。。。。。

编译代码

点击工具左下角的编译按钮或者使用快捷键 Ctrl(Command) + B，
，，，可以编译目今代码，
，，，并自动刷新模拟器。。。。。。

同时为了资助开发者调试详细页面或者进入的场景值，
，，，犹如，
，，，开发者可以选择自界说编译模式。。。。。。

调试工具

调试工具分为 7 大功效？？？？椋篧xml、Console、Sources、Network、Appdata、Storage、Sensor

Wxml Panel

Wxml Panel 用于资助开发者开发 Wxml 转化后的界面。。。。。。在这里可以看到真实的页面结构以及结构对应的 wxss 属性，
，，，同时可以通过修改对应 wxss 属性，
，，，在模拟器中实时看到修改的情形。。。。。。通过调试？？？？樽笊辖堑难≡衿，
，，，还可以快速找到页面中组件对应的 wxml 代码。。。。。。

Sources panel

Sources panel 用于显示目今项目的剧本文件，
，，，同浏览器开发差别，
，，，微信小程序框架会对剧本文件举行编译的事情，
，，，以是在 Sources panel 中开发者看到的文件是经由处理之后的剧本文件，
，，，开发者的代码都会被包裹在 define 函数中，
，，，并且关于 Page 代码，
，，，在尾部会有 require 的自动挪用。。。。。。

Network panel

Netwrok Pannle 用于视察和显示 request 和 socket 的请讨情形

注：uploadFile 和 downloadFile 暂时不支持在 Network Panel 中审查

Appdata panel

Appdata panel 用于显示目今项目目今时刻 appdata 详细数据，
，，，实时地反馈项目数据情形，
，，，可以在此处编辑数据，
，，，并实时地反馈到界面上。。。。。。

Storage panel

Storage panel 用于显示目今项目的使用 wx.setStorage 或者 wx.setStorageSync 后的数据存储情形。。。。。。

Console Pannel

Console Pannel 有两大功效：

• 开发者可以在此输入和调试代码

   

• 小程序的过失输出，
  ，，，会显示在此处

Sensor panel

Sensor panel 有两大功效：

• 开发者可以在这里选择模拟地理位置

   

• 开发可以在这里模拟移动装备体现，
  ，，，用于调试重力感应 API

小程序操作区

小程序操作区资助开发者模拟一些客户端的情形操作。。。。。。例如当用户从小程序中回到谈天窗口，
，，，会触发一个小程序被设置为后台的api。。。。。。

当小程序使用到多窗口的时间，
，，，可以在顶部操作区举行页面切换，
，，，需要注重的是这个操作只是为了利便开发者才保存的，
，，，在真实的微信客户端中是不会有的。。。。。。

自界说数据上报

开发者工具上可以编辑和调试自界说剖析的数据上报功效，
，，，点击菜单栏中的 “工具 - 自界说剖析” 即可弹窗翻开自界说剖析：

在页面中可以新建、审查或修改事务，
，，，在修改事务的页面中编辑完毕后，
，，，点击底部的生涯并测试按钮将生涯目今设置，
，，，同时工具将在调试器上提醒收到最新设置，
，，，并展示设置信息，
，，，展示的内容包括事务的 ID 和名称，
，，，以及每个行动的触发条件和上报数据：

接着可以在模拟器中操作和触发事务。。。。。。在模拟器中刷新小程序也将获取该测试设置，
，，，除非窗口被关闭。。。。。。窗口关闭后模拟器不会再收到设置。。。。。。当事务被触发上报时，
，，，工具上会展示上报信息，
，，，包括事务 ID、触发页面、触发方式、触发时行动、以及上报的字段值和数据：

同时可以在窗口中点击 “同步效果” 会同步显示上报的数据：

关闭窗口后，
，，，设置将所有失效，
，，，模拟器不再收到设置并不再触发上报（小程序中使用 wx.reportAnalytics API 举行的数据上报仍会在工具中输出）。。。。。。 测试乐成后，
，，，可到小程序后台宣布事务设置，
，，，即可正式生效网络所界说的事务数据。。。。。。