做开发或者测试的时候，经常要查接口为啥不通、数据怎么不对，这时候就得靠抓包工具来“偷看”网络通信。特别是需要实时监控 HTTP/HTTPS 流量的场景，比如调试 App 接口、分析网页加载慢的原因，甚至排查小程序请求失败的问题，一个趁手的实时抓包工具能省下大把时间。
1. Charles：Mac 用户的首选
用 Mac 做前端或移动端开发的朋友，大概率听说过 Charles。它支持 macOS、Windows 和 Linux，界面清爽，功能也够全。开启代理后，所有设备上的请求都会在它窗口里一条条刷出来，点开就能看请求头、响应体、Cookie 等细节。
特别适合本地联调时看接口传参对不对，还能模拟弱网环境测试 App 在 3G 下的表现。配合手机设置代理，连微信小程序的请求都能抓到。
2. Fiddler：Windows 上的老牌利器
如果你主要在 Windows 环境工作，Fiddler 是绕不开的选择。它免费、功能强，支持 HTTPS 解密，还能用 C# 写脚本做自动响应替换，比如把线上接口临时指向本地服务。
有时候前端改完代码想让后端同事临时测一下，直接用 Fiddler 拦截请求改返回数据，对方 App 里立马就能看到效果，不用等部署。
3. Wireshark：深入底层的流量分析
前面两个主要是应用层抓包，Wireshark 则能直接看到 TCP、UDP 这些底层数据包。网络故障排查、协议分析这类活儿，它最在行。
比如某个服务突然连不上，ping 得通但接口打不开，用 Wireshark 一抓发现是 TCP 握手卡在 SYN_SENT，基本就能判断是防火墙或中间链路问题。不过上手门槛高些，新手可能得花点时间学过滤语法。
4. mitmproxy：命令行党的最爱
喜欢终端操作的人会爱上 mitmproxy。它是 Python 写的，可以当命令行工具用，也能启动 Web 界面。最大的好处是能写 Python 脚本自动化处理流量。
举个例子，你要批量测试某个 API 在不同参数下的表现，写个脚本自动重放请求、记录响应时间，比手动点快多了。配合手机或模拟器设代理，App 抓包也不在话下。
mitmdump -s script.py -p 8080这行命令就能后台运行脚本监听 8080 端口，适合集成到自动化流程里。
5. 浏览器自带开发者工具
其实最常用的抓包工具就在你眼皮底下——浏览器的 F12。Chrome、Edge、Firefox 的网络面板都能实时看页面发起的每个请求，包括 XHR、Fetch、图片、CSS 等资源。
前端调试时，点开 Network 标签，过滤出XHR，刷新页面，接口请求一目了然。哪个 500 了、哪个超时了，颜色标得清清楚楚。还能复制为 cURL 命令，直接扔终端里重试。
这些工具各有侧重，选哪个取决于你的使用场景。日常网页调试用浏览器就够了；App 或跨设备抓包，Charles 或 Fiddler 更方便；要深入网络层问题，还得上 Wireshark；想要自动化，mitmproxy 是好搭档。工具不在多，用熟一两个，工作效率就能提一大截。