微信小程序工具的使用

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

  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

猜你喜欢

转载自blog.csdn.net/hansiqi0817/article/details/81913726