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.查看缓存信息
[
]