微信小程序工具的使用

每个编辑器都会有一些特定的测试工具，微信小程序的开发工具也提供了很多工具：

1. console控制台，可以在此打印和调试代码，页面的数据可以以console.log()的形式在控制台打印输出，方便查看数据是否正确，小程序的错误输出会显示在此处，这和我们平时用的控制台的作用是一样的，我们也可以在控制台进行简单代码的验证

2. network前端调用的接口会在这里显示，查看接口请求的具体信息以及接口返回的数据，接口返回的状态码以及json数据都可以显示。

3. sources用于显示当前项目的脚本文件，Ctrl+p快捷搜索要测试的js文件在相应位置设置断点，可以检测具体哪条语句执行有问题，对于改逻辑上的bug很用帮助。

4. appdata用于显示当前项目运行时小程序 AppData 具体数据，实时地反映项目数据情况，可以在此处编辑数据，并及时地反馈到界面上。用来查看页面数据与预期的正确性

5. storage用于显示当前项目使用 wx.setStorage 或者 wx.setStorageSync 后的数据存储情况。可以直接在 Storage panel 上对数据进行删除（按 delete 键）、新增、修改。storage这一个功能用处很广泛，比如我们的用户登录态一般会存起来。这样在其他页面用到该数据时就可以直接从storage里获取。
   相关文档：https://developers.weixin.qq.com/miniprogram/dev/devtools/debug.html