小程序开发工具的经常使用技巧

1.添加编译模式

在调试指定页面的时候会颇有用，例如：模拟用户打开分享后的页面

你还能够增长一些模拟参数，和场景值来测试

2.修改当前网络状态

当修改网络环境会触发wx.onNetworkStatusChange事件

3.查看当前项目包大小

也能够查看分包大小，若是有使用分包

4.真机调试

这个你们都知道的，主要测试项目在真实环境下的表现

5.全局搜索

[

]

6.实时修改data数据

用于调试数据的时候是很是有用的 [

]

7.查看当前页面参数，场景值

你还在onLoad里面输出console参数吗？ [

] [

] [

]

8.自动化测试

没错，你能够自动化测试你的小程序性能 [

] [

]

微信官方会返回一个测试报告给你，你能够看到测试的页面已经小程序渲染事件和首屏加载时常等信息，注意24小时只能申请一次哦

9.多帐号调试

这也是一个很是好用的调试功能，在某些功能中，例如：聊天小程序。须要多个帐号同时测试的时候这个功能会很是有用 [

] [

] 扫码登录你的另外一个测试号，选择测试号会打开一个新的开发工具界面

10.切后台

所谓的切后台就是，模拟任意场景值打开小程序，从后台切回来的时候会触发onShow钩子哦 [

]

11.断点调试

[

]

打开调试器->Sources 左侧可找到对应的代码中下断点

12.调试节点样式

这个不用多说，熟悉chrome的同窗都知道，值得一提的是，这里还能够看到dataset的信息,最新版的开发工具能够调试before after样式了 [

]

13.体验评分测试

用于测试当前页面的总体评分等级，主要包含性能，体验，UI组成，当评分未达到A，会给出一些修改建议，已经致使评分低的缘由方便开发者去修改对于问题 [

] [

]

14.模拟位置经纬度

[

]

15.查看缓存信息

[

]