小程序测试之微信开发者工具

一、为什么要使用微信开发者工具?

小程序的测试方法有很多种,直接用真实测试机扫码体验版就可以测试,那为什么还要选择使用工具呢?
使用微信开发者工具的优势:
1、相比真机测试,使用工具可以节省资源,大公司感受不到,小公司真的没有那么多测试机过兼容哇哇
2、小程序内部的跳转,有些可能逻辑复杂,不好造条件,使用工具可以直接跳转页面测试
3、抓包、看接口很方便
4、其他我没有深入了解的优势
5、多会一个工具,面试吹一下

二、安装微信开发者工具

1、下载微信开发者工具:https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html

小程序测试之微信开发者工具_第1张图片

2、安装,没有什么特别的,下一步下一步
小程序测试之微信开发者工具_第2张图片

三、使用微信开发者工具

1、登录已开通开发者权限的微信账号,导入小程序的安装包,选择小程序包路径,和正确的appid:

小程序测试之微信开发者工具_第3张图片

小程序测试之微信开发者工具_第4张图片
上图导入打好的包:这个包可以找开发打,打好提供包就可以,也可以自己打,打包方法另一篇博文有写到

2、愉快的探索开发者工具测试小程序
设置:
小程序测试之微信开发者工具_第5张图片

四、微信小程序内部使用的一点点介绍

小程序内抓包:
小程序测试之微信开发者工具_第6张图片

机型切换测试兼容:
小程序测试之微信开发者工具_第7张图片

三种编译模式:

小程序测试之微信开发者工具_第8张图片

页面测试,可以在这里直接跳转:
小程序测试之微信开发者工具_第9张图片

链接添加参数直接跳转:
小程序测试之微信开发者工具_第10张图片

扫描二维码跳转:

小程序测试之微信开发者工具_第11张图片

真机调试:
1、需要对应真机登录已开通开发者权限的账号

小程序测试之微信开发者工具_第12张图片

2、PC端真机调试:

小程序测试之微信开发者工具_第13张图片

3、手机端真机调试:

小程序测试之微信开发者工具_第14张图片

你可能感兴趣的:(小程序测试,小程序)