如何使用 whistle 抓包
背景: mac 下比较好用的抓包工具是Charles(收费), 但是矮穷搓博主并不想花这笔钱, 也不想找破解寒了原创者的心, 某天看 imweb 的博客时发现腾讯一个大佬写了个基于 node 的抓包工具 whistle, 感觉功能上都很齐全, 遂有此文
ps: 大佬的文档已经写的很清楚而且全中文, 我这个只是讲解了实现抓包的过程(因为其他东西本人感觉用不上 orzz), 想了解更多请去看 whistle doc 或 whistle工具全程入门
1. Start
1.1 安装
npm install -g whistle
1.2 打开 whistle
输入命令
w2 start
然后打开 http://127.0.0.1:8899 即可看到 whistle 的配置界面
1.3 配置代理
笔者的诉求是抓取移动端的页面, 所以以配置移动端抓包调试为主, 至于手机那当然是贫民安卓了…(流下了买不起苹果的眼泪)
准备工作: 手机与 pc 端都处于同一个网络下
点击配置界面右上角的 Online, 获得 IPv4 值
打开手机的 wifi 设置, 选中当前使用网络, 把该网络的代理配置为刚刚获得的 IPv4 值
*配置后点击 whistle 侧栏的 network, 可以发现已经能抓到 http 请求了
1.4 配置 https
因为现在网页基本都是 https 了, 所以这一步不可缺少, 因为原文档比较详细就不赘述了. 如何配置 https
之后最好 restart 一下 w2 restart
2. 使用 whistle
2.1 创建分组
点击配置界面顶栏中的+Create
, 创建一个新分组, 命名为test
2.2 查看 dom 结构: weinre
使用 weinre:
选中 test
, 在配置内容区中填写一条规则
www.baidu.com weinre://weinre_g1
点击顶栏的 weinre 下的 weinre_g1, 可以看到熟悉的 weinre 界面