移动端开发必备技能-抓包!看完人手都会的技能

750 阅读1分钟

whistle

以下以windows系统为例

1. 安装启动

1.1 安装Node

前往官网下载

1.2 安装whistle
npm install -g whistle

whistle安装完成后,执行命令 whistle helpw2 help,查看whistle的帮助信息

1.3 启动whistle

启动whistle:

w2 start

2. 代理

2.1 本机

如果是抓电脑上的请求,则可以设置这个系统全局代理命令,目前只支持 MacWindows 系统。 只抓手机,则可以跳过这一步

设置本机默认 Whistle 实例的代理:

w2 proxy

1724900341299.jpg

image.png

2.2 移动端

移动端需要在设置中配置当前Wi-Fi的代理,以 iOS 为例:

image.png

PS: 如果配置完代理,手机无法访问,可能是whistle所在的电脑防火墙限制了远程访问whistle的端口,关闭防火墙或者设置白名单:jingyan.baidu.com/article/870…

3. https与手机安装证书

以下方法二选一:

  • 手机设置代理后,随便一个浏览器地址栏输入 rootca.pro,会下载一个证书。然后按提示安装证书

  • 通过 whistle 控制台的二维码扫码安装,iOS安装根证书需要到连接远程服务器进行验证,需要暂时把Https拦截功能关掉

iOS 10.3 之后需要手动信任自定义根证书,设置路径:Settings > General > About > Certificate Trust Testings

4. 查看网页的log

参考配置

1724900278392.jpg

5. 关闭

// 1. 停止whistle
w2 stop
// 2. 如果开了,记得关这里的代理!!!
w2 proxy off

fiddler

参考Fiddler的安装与使用

chrome

仅适用于安卓设备

1. 翻墙

2. 数据线连接电脑与移动设备(手机)

这里要注意,手机要打开USB调试

3. 在PC端输入chrome://inspect,打开DevTools页面

image.png

image.png

4. 参考

使用Chrome://inspect调试 Android 设备上Webview