如何使用 whistle 抓包

如何使用 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 配置代理

笔者的诉求是抓取移动端的页面, 所以以配置移动端抓包调试为主, 至于手机那当然是贫民安卓了…(流下了买不起苹果的眼泪)

1. 准备工作: 手机与 pc 端都处于同一个网络下

2. 点击配置界面右上角的 Online, 获得 IPv4 值

3. 打开手机的 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 界面

weinre