做开发这几年我有一半的加班时间都花在“猜”上面接口报错猜是后端参数没传对页面白屏猜是某个字段没拿到APP连不上服务器猜是网络环境有问题。后来我学会一件事——别再猜直接抓包。网络抓包就是把你设备发出的每一个请求、收到的每一个响应原原本本截下来摆在你面前。你只需要看一眼请求URL、状态码、响应体很多问题根本不用问别人。这篇文章写给所有想学网络抓包但不知道怎么下手的人。不管你是前端、客户端、测试、运维还是刚入门的编程新手只要你的工作里需要搞清楚“数据到底传了什么”这篇内容都值得花二十分钟看完。我会从抓包的两种模式讲起带你在真实设备上跑通第一次抓包再专门解决一个高频问题——抓包工具开着手机反而上不了网。最后分享几个我自己用得最多的看包技巧。1. 抓包到底在解决什么问题1.1 三个最常见的抓包场景抓包不是网络安全工程师的专利它其实是程序员最朴素的“证据收集”手段。我遇到最多的是这三类场景。第一类是APP接口联调。前端说“接口返回不对”后端说“我本地调用是对的”两边争来争去不如直接抓包看真实线上返回。有一次我们APP首页白屏前端怀疑后端返回了null后端坚持返回了数组抓包一看响应体里确实有个字段被反序列化成了null但问题不在后端而是网关层把空字符串自动转成了null。这种问题你不抓包光靠代码review能看一天。第二类是网页登录和支付回调。浏览器自带的开发者工具Network面板能看大部分请求但遇到跨域跳转、服务端302跳转、第三方SDK发起的请求面板经常显得力不从心。用抓包工具走一遍系统代理所有请求都会干干净净地列出来跳转链路一目了然。第三类是网络性能排查。用户反馈“页面很慢”但慢在哪一步是DNS解析慢还是TCP建连慢还是TLS握手卡住还是后端处理慢浏览器Network面板只能告诉你总耗时而抓包工具的瀑布图能拆到每一阶段问题定位精准得多。1.2 抓包的两种模式被动监听与主动代理很多新手第一次接触抓包会分不清Wireshark和Fiddler这类工具到底有什么区别。其实网络抓包从原理上就分两条路线搞清楚这个后面所有操作都有了根基。被动监听模式典型代表是Wireshark。它把网卡设置成混杂模式把流经网卡的所有数据包都收下来然后从链路层开始一层层解析给你看。你能看到MAC地址、IP地址、TCP端口、SYN握手包、重传包甚至一个数据包里的每一个字节。这种模式的优点是“隐身”它往链路上不发任何包只是旁观记录所以能看到最真实的网络交互过程缺点是只能看到流经本机的包而且在交换网络环境里你抓到的基本只有自己这台设备的流量。更关键的是HTTPS流量在被动监听下是一堆密文你只能看到“谁在什么时候连接了哪个IP的443端口”看不到具体内容。主动代理模式典型代表是Fiddler、Charles、Reqable。抓包工具在本机开一个HTTP代理端口然后让系统把所有HTTP/HTTPS请求都指向这个端口。工具收到请求后自己作为中转方向目标服务器重新发起请求再把响应传回来。这样一来全部请求响应都会经过工具工具自然能记录、查看甚至修改。打个比方被动监听像是小区门口装了监控摄像头能记录谁进谁出但看不到他们包里装了什么东西主动代理则像是在大门口设了一个信件收发室所有信件都先到收发室转一手收发室自然知道每封信写了什么。选哪种只关心TCP/IP层问题、想分析握手和丢包用Wireshark日常调试HTTP/HTTPS接口、想看请求参数和响应内容用代理型工具就够了。这篇文章后面的实战部分主要围绕代理型抓包展开。2. 选对工具四款主流网络抓包软件怎么挑2.1 四款主流工具的定位差异网络抓包软件市面上不少但绝大多数人最终会在Wireshark、Fiddler、Charles和Reqable这四款里做选择。它们的侧重点其实很不一样我整理了一个对比表。工具类型核心优势适合场景平台费用Wireshark网卡级嗅探能看到TCP/IP层全部细节协议解析能力极强网络底层层面的排查、协议学习Windows/macOS/Linux免费开源FiddlerHTTP/HTTPS代理FiddlerScript脚本能力强插件生态丰富Windows上Web调试、批量改写请求Windows/macOS免费版/商业版CharlesHTTP/HTTPS代理界面稳重弱网模拟顺手移动端调试成熟macOS下APP联调、HTTPS接口调试Windows/macOS/Linux收费Reqable抓包API调试一体化界面现代、全中文、跨平台免费版够用新手入门、日常API联调、移动端抓包Windows/macOS/Linux/Android免费版/Pro先说Wireshark它是抓包圈的老大哥几乎所有网络教程都会提到。它的强项在底层能解析数百种协议能看到一个TCP流的每一个数据包能按照各种过滤表达式精准筛选。但它的缺点也明显——对新手太不友好打开就是一大堆密密麻麻的包普通人根本不知道从哪看起。而且它默认不解析HTTPS内容想看明文得费一番功夫配置SSLKEYLOGFILE。Fiddler是老牌Windows工具做Web调试很顺手它的FiddlerScript可以写C#风格的脚本来自动修改请求老玩家很吃这一套。但它的界面和交互方式放在今天略显老气对新用户来说学习成本不算低。Charles在iOS开发圈口碑很好界面简洁弱网模拟做得很细腻很多培训机构教程都用它。但查过价的人都知道它不便宜而且官方更新节奏偏慢。2.2 为什么我建议新手从Reqable切入我推荐新手用Reqable不是说其他工具不行而是它最符合“先把流程跑通、再谈进阶”的学习路径。Reqable最直观的优势是三合一抓包、代理转发、API调试集成在一个界面里。日常联调时你抓到一个接口可以顺手就对这个接口发请求、改参数、重新调试不用像以前那样抓包用Charles、调试用Postman两个软件来回切。它对中文用户和跨平台支持也友好Windows、macOS、Linux统一体验手机上还有配套客户端。还有一个很实在的理由免费版对日常学习完全够用。你不需要为了入门就掏钱买许可证。等哪天发现某个专业功能确实需要再考虑升级也不迟。当然如果你是搞底层网络分析或者团队已经有统一的抓包规范那完全可以直接用Wireshark或Charles。工具只是手段能把流量看清楚才是目的。2.3 按场景选工具的速查建议如果你实在拿不准选哪个可以参考我这几条建议。只想把“网络抓包入门”这件事跑通、以后主要做接口联调直接装Reqable。如果工作重点是分析TCP握手异常、看丢包重传、研究协议细节那必须上Wireshark代理型工具做不到这个层面。如果是Windows下的老前端习惯Fiddler的脚本化处理继续用Fiddler没问题。如果是做iOS开发、团队内部师兄师姐都用Charles跟着用Charles也行工具趁手最重要。3. 第一次实战二十分钟用Reqable抓一次APP请求3.1 先让电脑流量经过抓包工具第一次用Reqable很多人装完就懵了界面上一个开关一个按钮不知道从哪里开始。其实核心操作就是三步。第一步下载安装Reqable打开后先看左上角那个总开关。Reqable界面上会有一个醒目的总开关类似“抓包”或者“开始/停止”的按钮。这一步很多人会忽略装完工具不点开关然后再怎么配置都是白搭。第二步点击总开关软件会提示你是否设置系统代理。点击确认Reqable会在本机启动一个代理服务并把系统HTTP/HTTPS代理指向这个服务。此刻开始你电脑上所有浏览器的HTTP/HTTPS请求都会经过Reqable。打开Reqable主界面的请求列表然后去浏览器随便访问一个网站你应该已经能看到一串请求出现在列表里。第三步如果浏览器弹出了安全证书相关的警告页面说明HTTPS解密功能还没生效原因通常是根证书没安装。Reqable的设置里能找到“安装根证书”入口点击后按提示装到系统信任区。装好后再刷新刚才的页面请求内容就能明文查看了。这里有个很容易踩的坑安装证书后一定要重启浏览器再访问否则部分浏览器会缓存旧连接继续报证书错误。3.2 手机APP抓包让流量也经过电脑电脑上的请求能抓到手机上的APP请求怎么抓流程并不复杂。前提条件是手机和电脑连着同一个WiFi两边网络互通。然后在Reqable里找到代理设置界面它会显示当前电脑的局域网IP和监听端口通常是类似192.168.x.x:9000这样的组合注意端口以你软件界面上显示的实际值为准。接下来打开手机的WiFi设置进入当前连接的无线网络把代理方式从“无”改成“手动”服务器地址填电脑的局域网IP端口填Reqable显示的端口保存。这时候再打开手机上的APP请求就会先跑到电脑的Reqable再被转发到目标服务器。手机上第一次跑HTTPS请求时大概率会出现证书错误或者空白响应因为手机还没信任Reqable的根证书。在手机浏览器里访问Reqable提供的证书下载地址通常在代理设置页面有下载安装描述文件。iOS用户装完还要多一步到“设置-通用-关于本机-证书信任设置”里把对应的根证书开关打开。Android用户则需要看系统版本Android 7.0以上系统默认不信任用户证书很多APP的HTTPS流量抓不到是正常的这个后面细说。3.3 看懂一个请求的完整面貌第一次看到Reqable请求列表里面一行一个请求新手往往不知道点进去该看什么。我建议你从列表里随便点开一个HTTPS请求对照我这份表格把每个区域过一遍。内容含义排查价值Method请求方法GET/POST/PUT/DELETE确认接口设计是否合理URL请求地址包含域名、路径、查询参数确认请求是否发对地址Status响应状态码200/404/500等快速判断成功或失败Request Headers请求头包含Cookie、Token、Content-Type鉴权信息是否带对Response Headers响应头包含Set-Cookie、Cache-Control缓存和会话逻辑常在这里暴露Request Body请求体POST提交的参数和后端文档核对入参Response Body响应体后端返回的数据问题判断的最直接依据Timeline耗时瀑布DNS/连接/TLS/等待/传输定位慢请求的瓶颈阶段很多人看抓包结果只看响应体发现数据不对就截图发群里其实先看状态码和请求头能省下大量沟通成本。比如状态码401那大概率是Token过期不是后端逻辑写错状态码302跳到了登录页说明中间件判断你未登录。3.4 第一次抓包列表为什么是空的抛开代理和证书问题第一次抓包列表空白最常见的原因有三类。一种是总开关没开或者系统代理没设置成功。打开Reqable的开关后再去Windows或macOS的网络设置里看一眼代理地址是不是真的指向了127.0.0.1和对应端口。另一种是你访问的流量不是HTTP/HTTPS而是其他协议比如游戏用了自定义TCP协议或者部分应用采用UDP通信代理型抓包工具默认不展示也看不懂这些。第三种是目标应用根本不在系统代理里——有些程序自己实现了网络库不读取系统代理配置比如很多Windows商店应用、部分Electron应用它们的请求天然绕开了代理。遇到这种情况不用慌先确认浏览器访问普通网站是否出现在列表里。如果普通网站能抓到说明工具配置没问题问题出在那个APP本身。4. 为什么HTTPS抓出来是乱码证书与中间人4.1 从HTTP明文到HTTPS加密变化在哪里HTTP传输是明文协议这跟寄明信片是一个道理——投递途中的每一个中转节点都能直接看到内容。你登录网页提交的密码、请求头里的Cookie在传统HTTP下相当于白纸黑字贴在明信片上任何中间设备都能抄一份走。HTTPS解决的就是这个问题。它给HTTP套了一层TLS加密隧道实际传输的数据全部经过加密。你看到的是两个节点之间在交换一堆不可读的字节真正的内容只有在通信双方各自的内存里才以明文存在。加密过程混合使用了非对称加密和对称加密先用非对称加密安全地协商出对称密钥后续大量数据用对称加密处理效率更高。而证书的作用是用来证明“你正在连接的那台服务器确实是它声称的那台”防止有人冒充。理解了这一点你就明白为什么Wireshark抓HTTPS流量只能看到密文了——因为数据在传输层就被加密被动监听根本拿不到明文。4.2 抓包工具凭什么能“看到”HTTPS内容代理型抓包工具能解密HTTPS靠的是“中间人”机制这是理解整个抓包流程的关键。抓包工具会生成一张自己的根证书并引导你安装进系统的受信任根证书列表。当你的设备访问一个HTTPS网站时流量先到抓包工具的代理端口。工具不再单纯转发而是自己做了一回“冒牌服务器”它用你的信任根证书现场签发一张目标域名的证书并把这个证书亮给你的客户端看。由于你的系统信任了这个根证书客户端校验通过于是客户端和工具之间建立起一条TLS隧道。与此同时工具再作为客户端向真实的服务器发起HTTPS连接和真实服务器之间也建立一条TLS隧道。两条隧道都在工具这里汇合工具自然能解开一端的密文看清并记录内容然后再用另一端的隧道加密后转发。整个过程就是标准的中间人代理。它能成立的前提只有一个你主动把抓包工具的根证书放进了受信任列表。所以不要在陌生人的设备上安装不明根证书也不要随便让别人在你的手机上安装这类证书。根证书一旦被信任对方就可以解密你所有HTTPS流量。4.3 证书相关的高频问题抓包工具装了好几次证书HTTPS内容还是看不了这种问题我见得太多了基本不离这几个原因。iOS用户最容易漏掉证书信任开关。装完描述文件后必须去设置-通用-关于本机-证书信任设置里找到对应的证书并打开完全信任。漏掉这一步浏览器会继续报证书错误而APP请求直接失败。Android用户则要面对系统安全策略。Android 7.0以上系统默认不信任用户安装的CA证书APP在targetSdkVersion大于等于24时默认不理会用户证书所以你会发现即使装了证书APP的HTTPS请求还是抓不到。这是操作系统有意为之的安全机制不是工具的问题。常规做法是开发阶段让AndroidManifest里配置networkSecurityConfig去信任用户证书或者直接用目标SDK版本更低的测试包。Windows和macOS桌面端相对简单安装到系统根证书库基本就通了。但Chrome浏览器的独立证书库有时也会出问题重启浏览器一般能解决。注意公司配发的电脑、公用测试机、别人的手机未经许可不要安装抓包根证书。抓包能力越强越要管住手。5. 手机连上代理就“无网络”完整排查链路5.1 现象与误区代理设置完设备全断线打开Reqable设置好代理手机连上了结果所有请求都失败微信消息发不出去网页打不开弹出一堆“无网络”提示。很多新手在这个瞬间会怀疑人生明明看起来一切正常怎么反而把网络搞坏了先别急着卸载工具这个问题大概率不是工具坏了而是代理链路里某个环节没闭合。我建议按下面这条链路一层层排查整个过程十分钟内能完成。排查之前先说一个最常见的心态误区别一上来就怀疑是“手机坏了”或者“宽带出问题”先把代理这条链路的每一环确认一遍再放开手去动其他变量。5.2 逐层排查IP、端口、防火墙、证书下面这张表是我排查“抓包后无网络”时固定走的检查项你也可以照着顺序过一遍。检查项怎么查如果不对怎么办本机网络是否正常关掉Reqable电脑直接打开网页看是否正常如果关掉后也不行说明是电脑网络问题和抓包无关抓包工具总开关与系统代理确认Reqable总开关已开系统代理地址为127.0.0.1和工具端口关闭再重新开启总开关让软件重新写入系统代理代理端口是否在监听Windows执行netstat -anomacOS执行lsof -i :9000确认端口有进程监听端口被占用时换一个代理端口或关闭冲突软件端口监听地址确认Reqable代理监听的地址包含了局域网点不只是127.0.0.1在软件设置里开启“允许远程连接/局域网连接”类选项手机和电脑是否同网段手机访问电脑IP或在手机浏览器打开Reqable的证书下载地址不在同一WiFi时换到同一路由器下或确认AP隔离已关闭手机代理IP是否填错手机WiFi代理里填的是电脑局域网IP不是127.0.0.1127.0.0.1在手机上指向手机自己必填电脑IP端口是否填对手机代理端口与Reqable显示的端口一致默认9000左右以软件界面为准手动重新填写防火墙是否拦截电脑上临时关闭防火墙或添加放行规则再测试手机访问给代理端口和Reqable程序都加上放行规则证书是否信任手机浏览器是否能正常打开HTTPS页面按前面说的方式安装并信任根证书是否还有其他代理检查手机上是否开着其他代理类软件电脑上是否还有系统代理残留只保留一个代理链路其他代理全部关闭这里我特别想强调一个高频错误手机代理IP填成127.0.0.1。很多人觉得“工具就在本机填127.0.0.1肯定没毛病”但手机上的127.0.0.1指向的是手机自己根本找不到电脑上的抓包工具。正确做法是填电脑在局域网里的实际IP比如192.168.1.100这个地址这是在Reqable的代理设置界面里直接显示的。还有一个经常被忽略的坑叫AP隔离。很多办公网、访客WiFi开了AP隔离功能同一个WiFi下设备之间互相隔离手机上连电脑IP根本不通。如果手机能正常上网但就是访问不了电脑的IP大概率就是这个原因换个热点直接用电脑开共享验证一下就知道了。5.3 Reqable自身需要注意的几个细节有很多次所谓的“无网络”其实是对工具本身的不熟悉导致的误判。Reqable有一个总开关它同时控制了代理服务和抓包记录。如果你仅仅关闭了录制但没有关闭代理手机连上后依然会走代理但Reqable不会帮你转发任何新请求实际情况是代理服务跟着总开关联动所以你只需要记住不正常的时候先打开总开关再确认系统代理被正确写入。还有一个细节Reqable的代理端口是可以修改的。不同版本默认端口可能不一样所以在手机端配置代理时不要凭记忆填一定要以软件界面上显示的端口为准。曾经有个读者问我为什么手机按教程填9000连不上后来发现他用的版本端口是9001这就是典型的信息错位。另外抓完包记得把手机WiFi代理改回“无”。很多人的手机断网问题其实是忘了关代理手机一直指向电脑的9000端口电脑关了Reqable或者换了网络手机就再也连不上任何网站了。这种问题本质上不是抓包造成的是代理残留造成的。5.4 有一种“无网络”是App在自我保护排查完以上所有环节如果手机浏览器能正常打开网页但某个特定APP一打开就提示无网络那么问题很可能出在应用本身的安全策略上。现在不少注重安全的APP尤其是银行、支付、办公类应用会在客户端做代理检测或者证书绑定。它们一旦发现自己被代理转发或者收到的服务器证书和预期不一致就会主动拒绝连接表现就是“一直加载中”或者“无网络”。这其实不是bug而是应用刻意为之的安全设计。遇到这种情况我的建议是不要想方设法去绕过的安全机制。正规调试场景下应用方通常会提供带调试开关的测试包或者提供白名单配置处理方式应当联系应用负责人而不是在设备上折腾。这里面有个边界问题值得每一位开发者想清楚你可以给自己的测试设备装证书可以调试自己负责的应用但不应该抓取未经授权的他人流量更不应该用抓包工具篡改任何涉及资金、订单的数据。工具本身是中性的但使用工具的边界需要自己把握。6. 让抓包数据真正有用的几个技巧6.1 用过滤器快速定位目标流量抓包工具一旦工作起来请求数量是爆炸级的。访问一个普通网页几十上百个请求很正常如果你在手机上一阵乱点列表轻轻松松上千条。想在这堆数据里找到目标接口必须学会用过滤和搜索。Reqable这类代理型工具菜单栏自带搜索框你可以直接输入域名关键词、URL路径关键词立刻缩小范围。我习惯的做法是先确定目标接口URL把URL里一个足够独特的片段复制下来在搜索框里粘贴。比如要找登录接口直接搜login列表马上筛选出所有命中请求。如果还想限定只看POST方法可以组合筛选条件。Wireshark里的过滤器是另一套体系它更底层但也更精准。简单记几个常用的表达式就行ip.addr 192.168.1.100只看这个IP的流量tcp.port 443只看443端口的流量http只看HTTP明文流量dns只看DNS请求响应tcp.flags.syn 1只看TCP握手包筛选和搜索技能看似基础但在排查“几十个请求里到底谁在偷偷发数据”这类问题时非常有用。6.2 重写、断点、弱网模拟从“看见”到“干预”抓包工具的价值不止于“看”更在于“改”。这才是抓包真正深入工作流的阶段。Reqable的重写功能可以按规则自动修改请求或响应。我常用来做环境切换把所有请求里的测试环境域名替换成线上域名这样本地调试时不用改代码。它还能修改请求头、请求体、响应体。比如想模拟后端返回空列表、返回错误码、返回超大字段直接在重写规则里定义好前端就能立刻看到对应场景下的表现不用等着后端改代码。断点功能更像调试器里的“暂停”。开启断点后请求在发出前会被拦截下来你手动修改参数再放行响应在返回前同样可以拦截修改。这在我们联调时特别救急——后端接口还没开发完我先用断点把响应的假数据改回去前端的工作不阻塞进度照常推进。弱网模拟是所有真机测试和性能优化都绕不开的功能。Reqable和Charles都内置了弱网配置可以设置上传和下载带宽、延迟、丢包率。测试APP在3G、弱WiFi、高延迟环境下的表现不用真的跑到电梯间去刷新页面了。我在做图片加载优化时就用过这个功能模拟一个高延迟环境对比压缩前后的图片加载速度优化结果量化得很直观。6.3 从抓包结果反推问题根源看多了抓包数据你会发现很多问题在抓包界面上有非常清晰的指纹特征。如果请求一直处于卡住状态重点看Timeline瀑布图。Reqable把请求过程拆成了DNS解析、建立连接、TLS握手、发送请求、等待响应、接收响应等阶段。卡在“连接”阶段通常是网络层问题服务器IP不可达、端口被防火墙拦截、目标服务根本没监听卡在“等待响应”阶段说明请求已经发到服务器但后端处理太慢或者进程卡死如果在“接收响应”阶段速度很慢就要考虑响应体是不是太大服务端返回有没有做压缩。状态码也是一类精准指纹。接口报404先查URL拼写和网关转发规则401/403优先查Token和权限500基本可以锁定后端代码异常302跳转往往说明会话过期或者中间件在强制重定向。遇到302跳转抓包工具里能清楚看到跳转前和跳转后的两个请求配合着Location响应头一起排查很快能定位是谁在“拦路”。还有一个现象值得留意TCP重传。如果抓包列表里出现大量TCP Retransmission标记说明网络存在丢包或拥塞。业务表现可能是偶发性超时、图片加载断续如果你在Wireshark里看到这类重传基本可以排除应用代码问题直接把网络链路的情况反馈给运维或网络管理员。6.4 抓包不要太野安全边界还是要有的最后聊点实在话。抓包能力本身就是一把双刃剑它能帮你高效调试也能让你踩进合规问题的坑。我自己给自己定了三条使用规矩。第一只抓自己的设备、自己负责的系统、自己参与测试的项目。别人的手机、不清楚来路的设备不装根证书、不开启代理调试。第二抓包过程中看到账号密码、Token、身份证号这类敏感信息不要截图发群不要写进文档传播调试完随手清理抓包记录。第三遇到带证书校验、代理检测的应用尊重它的安全设计别为了“好看”去强行绕过。真正的专业能力体现在你能合规地把问题解决而不是能用多少黑科技。提示如果是在公司环境调试先确认项目使用的测试环境和测试账号是否允许抓包有没有额外的安全审批流程。合规这件事优先于一切技巧。网络抓包用久了我最大的感受是它把“我觉得是这样”变成了“它确实是这样”。很多接口联调上的扯皮拉一个抓包截图出来双方立刻闭嘴问题也立刻清晰。学习网络抓包不需要多深的密码学或网络基础你缺的只是一个真实问题驱动你去动手。今天就可以试试打开Reqable抓一次自己电脑浏览器的访问记录找到一个HTML文档请求看看它的状态码、响应头和耗时瀑布。只要把第一次跑通后面就是水到渠成的事。
网络抓包入门：从代理原理到解决抓包后断网的完整指南
做开发这几年我有一半的加班时间都花在“猜”上面接口报错猜是后端参数没传对页面白屏猜是某个字段没拿到APP连不上服务器猜是网络环境有问题。后来我学会一件事——别再猜直接抓包。网络抓包就是把你设备发出的每一个请求、收到的每一个响应原原本本截下来摆在你面前。你只需要看一眼请求URL、状态码、响应体很多问题根本不用问别人。这篇文章写给所有想学网络抓包但不知道怎么下手的人。不管你是前端、客户端、测试、运维还是刚入门的编程新手只要你的工作里需要搞清楚“数据到底传了什么”这篇内容都值得花二十分钟看完。我会从抓包的两种模式讲起带你在真实设备上跑通第一次抓包再专门解决一个高频问题——抓包工具开着手机反而上不了网。最后分享几个我自己用得最多的看包技巧。1. 抓包到底在解决什么问题1.1 三个最常见的抓包场景抓包不是网络安全工程师的专利它其实是程序员最朴素的“证据收集”手段。我遇到最多的是这三类场景。第一类是APP接口联调。前端说“接口返回不对”后端说“我本地调用是对的”两边争来争去不如直接抓包看真实线上返回。有一次我们APP首页白屏前端怀疑后端返回了null后端坚持返回了数组抓包一看响应体里确实有个字段被反序列化成了null但问题不在后端而是网关层把空字符串自动转成了null。这种问题你不抓包光靠代码review能看一天。第二类是网页登录和支付回调。浏览器自带的开发者工具Network面板能看大部分请求但遇到跨域跳转、服务端302跳转、第三方SDK发起的请求面板经常显得力不从心。用抓包工具走一遍系统代理所有请求都会干干净净地列出来跳转链路一目了然。第三类是网络性能排查。用户反馈“页面很慢”但慢在哪一步是DNS解析慢还是TCP建连慢还是TLS握手卡住还是后端处理慢浏览器Network面板只能告诉你总耗时而抓包工具的瀑布图能拆到每一阶段问题定位精准得多。1.2 抓包的两种模式被动监听与主动代理很多新手第一次接触抓包会分不清Wireshark和Fiddler这类工具到底有什么区别。其实网络抓包从原理上就分两条路线搞清楚这个后面所有操作都有了根基。被动监听模式典型代表是Wireshark。它把网卡设置成混杂模式把流经网卡的所有数据包都收下来然后从链路层开始一层层解析给你看。你能看到MAC地址、IP地址、TCP端口、SYN握手包、重传包甚至一个数据包里的每一个字节。这种模式的优点是“隐身”它往链路上不发任何包只是旁观记录所以能看到最真实的网络交互过程缺点是只能看到流经本机的包而且在交换网络环境里你抓到的基本只有自己这台设备的流量。更关键的是HTTPS流量在被动监听下是一堆密文你只能看到“谁在什么时候连接了哪个IP的443端口”看不到具体内容。主动代理模式典型代表是Fiddler、Charles、Reqable。抓包工具在本机开一个HTTP代理端口然后让系统把所有HTTP/HTTPS请求都指向这个端口。工具收到请求后自己作为中转方向目标服务器重新发起请求再把响应传回来。这样一来全部请求响应都会经过工具工具自然能记录、查看甚至修改。打个比方被动监听像是小区门口装了监控摄像头能记录谁进谁出但看不到他们包里装了什么东西主动代理则像是在大门口设了一个信件收发室所有信件都先到收发室转一手收发室自然知道每封信写了什么。选哪种只关心TCP/IP层问题、想分析握手和丢包用Wireshark日常调试HTTP/HTTPS接口、想看请求参数和响应内容用代理型工具就够了。这篇文章后面的实战部分主要围绕代理型抓包展开。2. 选对工具四款主流网络抓包软件怎么挑2.1 四款主流工具的定位差异网络抓包软件市面上不少但绝大多数人最终会在Wireshark、Fiddler、Charles和Reqable这四款里做选择。它们的侧重点其实很不一样我整理了一个对比表。工具类型核心优势适合场景平台费用Wireshark网卡级嗅探能看到TCP/IP层全部细节协议解析能力极强网络底层层面的排查、协议学习Windows/macOS/Linux免费开源FiddlerHTTP/HTTPS代理FiddlerScript脚本能力强插件生态丰富Windows上Web调试、批量改写请求Windows/macOS免费版/商业版CharlesHTTP/HTTPS代理界面稳重弱网模拟顺手移动端调试成熟macOS下APP联调、HTTPS接口调试Windows/macOS/Linux收费Reqable抓包API调试一体化界面现代、全中文、跨平台免费版够用新手入门、日常API联调、移动端抓包Windows/macOS/Linux/Android免费版/Pro先说Wireshark它是抓包圈的老大哥几乎所有网络教程都会提到。它的强项在底层能解析数百种协议能看到一个TCP流的每一个数据包能按照各种过滤表达式精准筛选。但它的缺点也明显——对新手太不友好打开就是一大堆密密麻麻的包普通人根本不知道从哪看起。而且它默认不解析HTTPS内容想看明文得费一番功夫配置SSLKEYLOGFILE。Fiddler是老牌Windows工具做Web调试很顺手它的FiddlerScript可以写C#风格的脚本来自动修改请求老玩家很吃这一套。但它的界面和交互方式放在今天略显老气对新用户来说学习成本不算低。Charles在iOS开发圈口碑很好界面简洁弱网模拟做得很细腻很多培训机构教程都用它。但查过价的人都知道它不便宜而且官方更新节奏偏慢。2.2 为什么我建议新手从Reqable切入我推荐新手用Reqable不是说其他工具不行而是它最符合“先把流程跑通、再谈进阶”的学习路径。Reqable最直观的优势是三合一抓包、代理转发、API调试集成在一个界面里。日常联调时你抓到一个接口可以顺手就对这个接口发请求、改参数、重新调试不用像以前那样抓包用Charles、调试用Postman两个软件来回切。它对中文用户和跨平台支持也友好Windows、macOS、Linux统一体验手机上还有配套客户端。还有一个很实在的理由免费版对日常学习完全够用。你不需要为了入门就掏钱买许可证。等哪天发现某个专业功能确实需要再考虑升级也不迟。当然如果你是搞底层网络分析或者团队已经有统一的抓包规范那完全可以直接用Wireshark或Charles。工具只是手段能把流量看清楚才是目的。2.3 按场景选工具的速查建议如果你实在拿不准选哪个可以参考我这几条建议。只想把“网络抓包入门”这件事跑通、以后主要做接口联调直接装Reqable。如果工作重点是分析TCP握手异常、看丢包重传、研究协议细节那必须上Wireshark代理型工具做不到这个层面。如果是Windows下的老前端习惯Fiddler的脚本化处理继续用Fiddler没问题。如果是做iOS开发、团队内部师兄师姐都用Charles跟着用Charles也行工具趁手最重要。3. 第一次实战二十分钟用Reqable抓一次APP请求3.1 先让电脑流量经过抓包工具第一次用Reqable很多人装完就懵了界面上一个开关一个按钮不知道从哪里开始。其实核心操作就是三步。第一步下载安装Reqable打开后先看左上角那个总开关。Reqable界面上会有一个醒目的总开关类似“抓包”或者“开始/停止”的按钮。这一步很多人会忽略装完工具不点开关然后再怎么配置都是白搭。第二步点击总开关软件会提示你是否设置系统代理。点击确认Reqable会在本机启动一个代理服务并把系统HTTP/HTTPS代理指向这个服务。此刻开始你电脑上所有浏览器的HTTP/HTTPS请求都会经过Reqable。打开Reqable主界面的请求列表然后去浏览器随便访问一个网站你应该已经能看到一串请求出现在列表里。第三步如果浏览器弹出了安全证书相关的警告页面说明HTTPS解密功能还没生效原因通常是根证书没安装。Reqable的设置里能找到“安装根证书”入口点击后按提示装到系统信任区。装好后再刷新刚才的页面请求内容就能明文查看了。这里有个很容易踩的坑安装证书后一定要重启浏览器再访问否则部分浏览器会缓存旧连接继续报证书错误。3.2 手机APP抓包让流量也经过电脑电脑上的请求能抓到手机上的APP请求怎么抓流程并不复杂。前提条件是手机和电脑连着同一个WiFi两边网络互通。然后在Reqable里找到代理设置界面它会显示当前电脑的局域网IP和监听端口通常是类似192.168.x.x:9000这样的组合注意端口以你软件界面上显示的实际值为准。接下来打开手机的WiFi设置进入当前连接的无线网络把代理方式从“无”改成“手动”服务器地址填电脑的局域网IP端口填Reqable显示的端口保存。这时候再打开手机上的APP请求就会先跑到电脑的Reqable再被转发到目标服务器。手机上第一次跑HTTPS请求时大概率会出现证书错误或者空白响应因为手机还没信任Reqable的根证书。在手机浏览器里访问Reqable提供的证书下载地址通常在代理设置页面有下载安装描述文件。iOS用户装完还要多一步到“设置-通用-关于本机-证书信任设置”里把对应的根证书开关打开。Android用户则需要看系统版本Android 7.0以上系统默认不信任用户证书很多APP的HTTPS流量抓不到是正常的这个后面细说。3.3 看懂一个请求的完整面貌第一次看到Reqable请求列表里面一行一个请求新手往往不知道点进去该看什么。我建议你从列表里随便点开一个HTTPS请求对照我这份表格把每个区域过一遍。内容含义排查价值Method请求方法GET/POST/PUT/DELETE确认接口设计是否合理URL请求地址包含域名、路径、查询参数确认请求是否发对地址Status响应状态码200/404/500等快速判断成功或失败Request Headers请求头包含Cookie、Token、Content-Type鉴权信息是否带对Response Headers响应头包含Set-Cookie、Cache-Control缓存和会话逻辑常在这里暴露Request Body请求体POST提交的参数和后端文档核对入参Response Body响应体后端返回的数据问题判断的最直接依据Timeline耗时瀑布DNS/连接/TLS/等待/传输定位慢请求的瓶颈阶段很多人看抓包结果只看响应体发现数据不对就截图发群里其实先看状态码和请求头能省下大量沟通成本。比如状态码401那大概率是Token过期不是后端逻辑写错状态码302跳到了登录页说明中间件判断你未登录。3.4 第一次抓包列表为什么是空的抛开代理和证书问题第一次抓包列表空白最常见的原因有三类。一种是总开关没开或者系统代理没设置成功。打开Reqable的开关后再去Windows或macOS的网络设置里看一眼代理地址是不是真的指向了127.0.0.1和对应端口。另一种是你访问的流量不是HTTP/HTTPS而是其他协议比如游戏用了自定义TCP协议或者部分应用采用UDP通信代理型抓包工具默认不展示也看不懂这些。第三种是目标应用根本不在系统代理里——有些程序自己实现了网络库不读取系统代理配置比如很多Windows商店应用、部分Electron应用它们的请求天然绕开了代理。遇到这种情况不用慌先确认浏览器访问普通网站是否出现在列表里。如果普通网站能抓到说明工具配置没问题问题出在那个APP本身。4. 为什么HTTPS抓出来是乱码证书与中间人4.1 从HTTP明文到HTTPS加密变化在哪里HTTP传输是明文协议这跟寄明信片是一个道理——投递途中的每一个中转节点都能直接看到内容。你登录网页提交的密码、请求头里的Cookie在传统HTTP下相当于白纸黑字贴在明信片上任何中间设备都能抄一份走。HTTPS解决的就是这个问题。它给HTTP套了一层TLS加密隧道实际传输的数据全部经过加密。你看到的是两个节点之间在交换一堆不可读的字节真正的内容只有在通信双方各自的内存里才以明文存在。加密过程混合使用了非对称加密和对称加密先用非对称加密安全地协商出对称密钥后续大量数据用对称加密处理效率更高。而证书的作用是用来证明“你正在连接的那台服务器确实是它声称的那台”防止有人冒充。理解了这一点你就明白为什么Wireshark抓HTTPS流量只能看到密文了——因为数据在传输层就被加密被动监听根本拿不到明文。4.2 抓包工具凭什么能“看到”HTTPS内容代理型抓包工具能解密HTTPS靠的是“中间人”机制这是理解整个抓包流程的关键。抓包工具会生成一张自己的根证书并引导你安装进系统的受信任根证书列表。当你的设备访问一个HTTPS网站时流量先到抓包工具的代理端口。工具不再单纯转发而是自己做了一回“冒牌服务器”它用你的信任根证书现场签发一张目标域名的证书并把这个证书亮给你的客户端看。由于你的系统信任了这个根证书客户端校验通过于是客户端和工具之间建立起一条TLS隧道。与此同时工具再作为客户端向真实的服务器发起HTTPS连接和真实服务器之间也建立一条TLS隧道。两条隧道都在工具这里汇合工具自然能解开一端的密文看清并记录内容然后再用另一端的隧道加密后转发。整个过程就是标准的中间人代理。它能成立的前提只有一个你主动把抓包工具的根证书放进了受信任列表。所以不要在陌生人的设备上安装不明根证书也不要随便让别人在你的手机上安装这类证书。根证书一旦被信任对方就可以解密你所有HTTPS流量。4.3 证书相关的高频问题抓包工具装了好几次证书HTTPS内容还是看不了这种问题我见得太多了基本不离这几个原因。iOS用户最容易漏掉证书信任开关。装完描述文件后必须去设置-通用-关于本机-证书信任设置里找到对应的证书并打开完全信任。漏掉这一步浏览器会继续报证书错误而APP请求直接失败。Android用户则要面对系统安全策略。Android 7.0以上系统默认不信任用户安装的CA证书APP在targetSdkVersion大于等于24时默认不理会用户证书所以你会发现即使装了证书APP的HTTPS请求还是抓不到。这是操作系统有意为之的安全机制不是工具的问题。常规做法是开发阶段让AndroidManifest里配置networkSecurityConfig去信任用户证书或者直接用目标SDK版本更低的测试包。Windows和macOS桌面端相对简单安装到系统根证书库基本就通了。但Chrome浏览器的独立证书库有时也会出问题重启浏览器一般能解决。注意公司配发的电脑、公用测试机、别人的手机未经许可不要安装抓包根证书。抓包能力越强越要管住手。5. 手机连上代理就“无网络”完整排查链路5.1 现象与误区代理设置完设备全断线打开Reqable设置好代理手机连上了结果所有请求都失败微信消息发不出去网页打不开弹出一堆“无网络”提示。很多新手在这个瞬间会怀疑人生明明看起来一切正常怎么反而把网络搞坏了先别急着卸载工具这个问题大概率不是工具坏了而是代理链路里某个环节没闭合。我建议按下面这条链路一层层排查整个过程十分钟内能完成。排查之前先说一个最常见的心态误区别一上来就怀疑是“手机坏了”或者“宽带出问题”先把代理这条链路的每一环确认一遍再放开手去动其他变量。5.2 逐层排查IP、端口、防火墙、证书下面这张表是我排查“抓包后无网络”时固定走的检查项你也可以照着顺序过一遍。检查项怎么查如果不对怎么办本机网络是否正常关掉Reqable电脑直接打开网页看是否正常如果关掉后也不行说明是电脑网络问题和抓包无关抓包工具总开关与系统代理确认Reqable总开关已开系统代理地址为127.0.0.1和工具端口关闭再重新开启总开关让软件重新写入系统代理代理端口是否在监听Windows执行netstat -anomacOS执行lsof -i :9000确认端口有进程监听端口被占用时换一个代理端口或关闭冲突软件端口监听地址确认Reqable代理监听的地址包含了局域网点不只是127.0.0.1在软件设置里开启“允许远程连接/局域网连接”类选项手机和电脑是否同网段手机访问电脑IP或在手机浏览器打开Reqable的证书下载地址不在同一WiFi时换到同一路由器下或确认AP隔离已关闭手机代理IP是否填错手机WiFi代理里填的是电脑局域网IP不是127.0.0.1127.0.0.1在手机上指向手机自己必填电脑IP端口是否填对手机代理端口与Reqable显示的端口一致默认9000左右以软件界面为准手动重新填写防火墙是否拦截电脑上临时关闭防火墙或添加放行规则再测试手机访问给代理端口和Reqable程序都加上放行规则证书是否信任手机浏览器是否能正常打开HTTPS页面按前面说的方式安装并信任根证书是否还有其他代理检查手机上是否开着其他代理类软件电脑上是否还有系统代理残留只保留一个代理链路其他代理全部关闭这里我特别想强调一个高频错误手机代理IP填成127.0.0.1。很多人觉得“工具就在本机填127.0.0.1肯定没毛病”但手机上的127.0.0.1指向的是手机自己根本找不到电脑上的抓包工具。正确做法是填电脑在局域网里的实际IP比如192.168.1.100这个地址这是在Reqable的代理设置界面里直接显示的。还有一个经常被忽略的坑叫AP隔离。很多办公网、访客WiFi开了AP隔离功能同一个WiFi下设备之间互相隔离手机上连电脑IP根本不通。如果手机能正常上网但就是访问不了电脑的IP大概率就是这个原因换个热点直接用电脑开共享验证一下就知道了。5.3 Reqable自身需要注意的几个细节有很多次所谓的“无网络”其实是对工具本身的不熟悉导致的误判。Reqable有一个总开关它同时控制了代理服务和抓包记录。如果你仅仅关闭了录制但没有关闭代理手机连上后依然会走代理但Reqable不会帮你转发任何新请求实际情况是代理服务跟着总开关联动所以你只需要记住不正常的时候先打开总开关再确认系统代理被正确写入。还有一个细节Reqable的代理端口是可以修改的。不同版本默认端口可能不一样所以在手机端配置代理时不要凭记忆填一定要以软件界面上显示的端口为准。曾经有个读者问我为什么手机按教程填9000连不上后来发现他用的版本端口是9001这就是典型的信息错位。另外抓完包记得把手机WiFi代理改回“无”。很多人的手机断网问题其实是忘了关代理手机一直指向电脑的9000端口电脑关了Reqable或者换了网络手机就再也连不上任何网站了。这种问题本质上不是抓包造成的是代理残留造成的。5.4 有一种“无网络”是App在自我保护排查完以上所有环节如果手机浏览器能正常打开网页但某个特定APP一打开就提示无网络那么问题很可能出在应用本身的安全策略上。现在不少注重安全的APP尤其是银行、支付、办公类应用会在客户端做代理检测或者证书绑定。它们一旦发现自己被代理转发或者收到的服务器证书和预期不一致就会主动拒绝连接表现就是“一直加载中”或者“无网络”。这其实不是bug而是应用刻意为之的安全设计。遇到这种情况我的建议是不要想方设法去绕过的安全机制。正规调试场景下应用方通常会提供带调试开关的测试包或者提供白名单配置处理方式应当联系应用负责人而不是在设备上折腾。这里面有个边界问题值得每一位开发者想清楚你可以给自己的测试设备装证书可以调试自己负责的应用但不应该抓取未经授权的他人流量更不应该用抓包工具篡改任何涉及资金、订单的数据。工具本身是中性的但使用工具的边界需要自己把握。6. 让抓包数据真正有用的几个技巧6.1 用过滤器快速定位目标流量抓包工具一旦工作起来请求数量是爆炸级的。访问一个普通网页几十上百个请求很正常如果你在手机上一阵乱点列表轻轻松松上千条。想在这堆数据里找到目标接口必须学会用过滤和搜索。Reqable这类代理型工具菜单栏自带搜索框你可以直接输入域名关键词、URL路径关键词立刻缩小范围。我习惯的做法是先确定目标接口URL把URL里一个足够独特的片段复制下来在搜索框里粘贴。比如要找登录接口直接搜login列表马上筛选出所有命中请求。如果还想限定只看POST方法可以组合筛选条件。Wireshark里的过滤器是另一套体系它更底层但也更精准。简单记几个常用的表达式就行ip.addr 192.168.1.100只看这个IP的流量tcp.port 443只看443端口的流量http只看HTTP明文流量dns只看DNS请求响应tcp.flags.syn 1只看TCP握手包筛选和搜索技能看似基础但在排查“几十个请求里到底谁在偷偷发数据”这类问题时非常有用。6.2 重写、断点、弱网模拟从“看见”到“干预”抓包工具的价值不止于“看”更在于“改”。这才是抓包真正深入工作流的阶段。Reqable的重写功能可以按规则自动修改请求或响应。我常用来做环境切换把所有请求里的测试环境域名替换成线上域名这样本地调试时不用改代码。它还能修改请求头、请求体、响应体。比如想模拟后端返回空列表、返回错误码、返回超大字段直接在重写规则里定义好前端就能立刻看到对应场景下的表现不用等着后端改代码。断点功能更像调试器里的“暂停”。开启断点后请求在发出前会被拦截下来你手动修改参数再放行响应在返回前同样可以拦截修改。这在我们联调时特别救急——后端接口还没开发完我先用断点把响应的假数据改回去前端的工作不阻塞进度照常推进。弱网模拟是所有真机测试和性能优化都绕不开的功能。Reqable和Charles都内置了弱网配置可以设置上传和下载带宽、延迟、丢包率。测试APP在3G、弱WiFi、高延迟环境下的表现不用真的跑到电梯间去刷新页面了。我在做图片加载优化时就用过这个功能模拟一个高延迟环境对比压缩前后的图片加载速度优化结果量化得很直观。6.3 从抓包结果反推问题根源看多了抓包数据你会发现很多问题在抓包界面上有非常清晰的指纹特征。如果请求一直处于卡住状态重点看Timeline瀑布图。Reqable把请求过程拆成了DNS解析、建立连接、TLS握手、发送请求、等待响应、接收响应等阶段。卡在“连接”阶段通常是网络层问题服务器IP不可达、端口被防火墙拦截、目标服务根本没监听卡在“等待响应”阶段说明请求已经发到服务器但后端处理太慢或者进程卡死如果在“接收响应”阶段速度很慢就要考虑响应体是不是太大服务端返回有没有做压缩。状态码也是一类精准指纹。接口报404先查URL拼写和网关转发规则401/403优先查Token和权限500基本可以锁定后端代码异常302跳转往往说明会话过期或者中间件在强制重定向。遇到302跳转抓包工具里能清楚看到跳转前和跳转后的两个请求配合着Location响应头一起排查很快能定位是谁在“拦路”。还有一个现象值得留意TCP重传。如果抓包列表里出现大量TCP Retransmission标记说明网络存在丢包或拥塞。业务表现可能是偶发性超时、图片加载断续如果你在Wireshark里看到这类重传基本可以排除应用代码问题直接把网络链路的情况反馈给运维或网络管理员。6.4 抓包不要太野安全边界还是要有的最后聊点实在话。抓包能力本身就是一把双刃剑它能帮你高效调试也能让你踩进合规问题的坑。我自己给自己定了三条使用规矩。第一只抓自己的设备、自己负责的系统、自己参与测试的项目。别人的手机、不清楚来路的设备不装根证书、不开启代理调试。第二抓包过程中看到账号密码、Token、身份证号这类敏感信息不要截图发群不要写进文档传播调试完随手清理抓包记录。第三遇到带证书校验、代理检测的应用尊重它的安全设计别为了“好看”去强行绕过。真正的专业能力体现在你能合规地把问题解决而不是能用多少黑科技。提示如果是在公司环境调试先确认项目使用的测试环境和测试账号是否允许抓包有没有额外的安全审批流程。合规这件事优先于一切技巧。网络抓包用久了我最大的感受是它把“我觉得是这样”变成了“它确实是这样”。很多接口联调上的扯皮拉一个抓包截图出来双方立刻闭嘴问题也立刻清晰。学习网络抓包不需要多深的密码学或网络基础你缺的只是一个真实问题驱动你去动手。今天就可以试试打开Reqable抓一次自己电脑浏览器的访问记录找到一个HTML文档请求看看它的状态码、响应头和耗时瀑布。只要把第一次跑通后面就是水到渠成的事。
