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

模拟器

模拟器模拟微信小程序在客户端真实的逻辑体现
，
，，，，关于绝大部分的 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 举行的数据上报仍会在工具中输出）。。。。
。。 测试乐成后
，
，，，，可到小程序后台宣布事务设置
，
，，，，即可正式生效网络所界说的事务数据。。。。
。。