同事安利的前端抓包软件真香

这些天在协助一个微信公众号项目，因为公众号自己本身没有像chrome一样的F12控制台，导致在调试的时候真的感觉十分吃力。这时候我就能深深感觉得到前端抓包软件的重要性了。

因为我的电脑是macbook，所以fiddle是不支持的，只能用Charles来抓包，这里会造成什么问题呢？

• 其一，是两个软件的学习成本！ 在win和mac之间用着不同的软件去调试的时候，就会明白期间的辛酸。
• 其二，Charles是收费软件，50美金=300+人民币

这时候，我想起了另外一位同事之前提过的一个代理软件，免费，跨平台，除了抓包还能看到element和css？

它叫Whistle, 简称W2，是基于 Node 实现的跨平台（win和mac都是通过浏览器启动）抓包调试代理工具，基本上覆盖了所有抓包调试代理可以实现的功能。

安装

1. 安装Node（去官网下，前端必备的啦）
2. 安装whistle

npm install whistle -g

使用

w2 start

       http://10.80.43.97:8899这个地址就是本机ip启动的代理了，浏览器上打开就可以看到w2的真面目拉。

这边只列出一个官方没有写的例子（接口返回response替换字符）：

1.首先在Values新建待替换和替换文字命名为res-replace

2.在Rules的Default里写入目标url 和 刚才命名的替换文本（res-replace）

其他就不累赘了，附上官网link~~whistleGithub