2. 调试：当你开发完程序需要调试时，需要切换到此区域，调试区域中有很多可用的工具。

3. 项目：您可以在此处上传或预览项目

4.编译：即运行项目

5.关闭：关闭当前项目

6、微信小程序网页开发工具提供了实时预览功能，界面效果会在此区域展示。

7.在这个区域你可以看到整个项目的文档目录结构

8.此区域为编码区

9. 在这里选择屏幕尺寸

10.模拟网络环境：2G/3G/4G/WiFi

4、调试区六大工具介绍：

调试区中的开发工具提供了6种调试模式：

4.1

就是控制台的意思，做过开发的人都知道，几乎每个IDE都有一个控制台，可以显示错误信息，打印变量信息。

4.2

显示当前项目所有的脚本文件，微信小程序框架会对这些脚本文件进行编译。

下面还有一个区域，做过软件开发的人都知道。一般下面的控制台会显示一些日志信息，断电调试等。

4.3

顾名思义：此区域显示与网络相关的信息。我还没有在这里发出任何网络请求。

4.4

官方的解释是，使用wx.或者wx.get()后，显示当前项目的数据存储情况。这个以后会用到，慢慢研究。

4.5

显示当前项目显示的具体数据，可以在这里进行编译，并会实时显示在页面上。

4.6 Wxml

Wxml调试区域：改个名字大家会比较容易理解，其实它的本质就是HTML+CSS，微信只是把HTML改成了Wxml而已，学过HTML的人一眼就明白，左边的区域就是HTML语言+CSS的一些标签属性，右边可以很方便的设置CSS属性。