Galan小屋

welcome my blog

whistle--前端调试利器

By galan99

发表于 2019-03-08

安装whistle的npm包


npm install  -g  whistle   //也可以使用cnpm
w2 start //开启服务
w2 restart //重启服务
w2 stop //停止服务

浏览器chrome插件Proxy SwitchyOmega下载地址

配置完成后再看whistle的控制台,此时已经能抓到请求了:

手机https证书安装

在iOS上安装根证书时,需要先关闭HTTPS拦截
手机设置代理后,Safari 地址栏输入 rootca.pro,
按提示安装证书(或者通过 whistle 控制台的二维码扫码安装,iOS安装根证书需要到连接远程服务器进行验证,需要暂时把Https拦截功能关掉)
iOS 10.3 之后需要手动信任自定义根证书,设置路径:设置 > 通用 > 关于本机 > 证书信任位置



基本使用

修改浏览器里的rule后保存


// 清除index.html页面的缓存
www.baidu.com/index.html disable://cache

// 修改host 将www.qq.com的请求都代理到10.241.11.111 IP上,实现在本地环境发测试环境的请求,
10.241.11.111 www.qq.com

// 请求替换
http://www.qq.com http://www.baidu.com

// 创建资源与替换本地资源
http://ledou.uu.cc/Mall/index?gid=22 js://https://dl.gamdream.com/activity/lib/vconsole.js # 页面创建vconsole.js 只能同时创建一个
http://ledou.uu.cc/src/mall_js/js/common.js?v=201902251600 C:\Users\anlen.wang\Downloads\common.js # 替换线上文件
http://ledou.uu.cc/src/mall_js/js/main-new.js?v=201902251600 C:\Users\anlen.wang\Downloads\main-new.js # 替换线上文件

// 将此路径的请求都代理到本地D:dev 目录下。
http://www.qq.com/pgg_act/ D:\dev\