微信开发者工具 测试过程的小助手

搭建环境

1.下载安装 微信开发者工具；

　　官网下载安装

2.小程序包

　　找前端同学要压缩包

3.开通开发者权限

4.解压小程序包

5.登录微信开发者工具

6.导入小程序

导入-小程序的解压缩文件

 

 编译

但是一直报错： 不在以下 request 合法域名列表中

详情-本地设置，勾选“不校验合法域名、web-view(业务域名)、TLS版本以及HTTPS证书”，就不再报域名问题啦~

 

 代理设置（此项非必须，根据情况选择）

设置-代理，设置“不使用任何代理，勾选后直接连网络”；

 

 重点来了，微信开发者工具可以干什么？

一、小程序兼容性测试

二、抓包

三、查看及修改图片属性

四、查看及修改输入框属性

五、页面渲染

六、mock数据

 

一、小程序兼容性测试

 

 二、抓包

2.1 小程序原生页面，使用调试器，查看请求数据；

 

 2.2 小程序 h5 页面，使用甲壳虫，可以查看请求信息；

 

 

三、查看及修改图片属性

 

 

四、查看及修改属性

 

 

五、页面渲染

 

六、mock数据