从零到一实测：猫抓浏览器扩展，网页视频嗅探与M3U8下载的保姆级上手攻略

从零到一实测：猫抓浏览器扩展，网页视频嗅探与M3U8下载的保姆级上手攻略

【免费下载链接】cat-catch猫抓 浏览器资源嗅探扩展 / cat-catch Browser Resource Sniffing Extension项目地址: https://gitcode.com/GitHub_Trending/ca/cat-catch

"视频明明还在正常播放，可网页里怎么都找不到那个文件"——如果你也经历过这种抓狂时刻，那这篇实测攻略就是为你准备的。猫抓（cat-catch）是一款免费开源、支持多语言的浏览器扩展，主打网页资源嗅探与 M3U8 下载。我会用"四关进阶"的路线，从装好它讲起，一直聊到连老手都不一定摸透的隐藏能力。

第一关：初见猫抓，它到底是个什么工具

先讲个我自己的故事。上个月想缓存一段演唱会现场视频，连着试了三个号称"在线解析"的网站：第一个让我下载全家桶，第二个要我扫码关注公众号，第三个干脆卡死白屏。折腾一小时后我意识到，与其跟这些来历不明的网站斗智斗勇，不如给浏览器配一个靠谱的"资源雷达"——这就是我找到猫抓的原因。

它本质上解决什么问题

大多数网页视频并不会把文件"藏"起来，它只是在你浏览时，由浏览器在后台默默下载。猫抓做的事情，就是把这个后台过程摊开给你看：哪些媒体文件正在被传输、地址是什么、多大、多清晰，然后给你一个一键保存的按钮。

你可以把它理解为给浏览器装了一部雷达，凡是从眼前经过的视频、音频、图片资源，都会在弹窗里排好队等你过目。相比"录屏保画质不保流畅"的老办法，猫抓是直接截获原始文件，清晰度和流畅度都跟在线观看时一模一样。

认识一下这位"选手"的底细

• 免费且无广告：没有会员墙，没有推广位，装完就是完整功能。
• 开源透明：代码公开可审计，数据都在本地处理，不往任何服务器上传。
• 跨浏览器：Chrome、Edge、Firefox 都能跑，同一套操作逻辑。
• 多语言：中、英、西、日、韩、葡、俄、越、土等 9 种语言界面，切语言就像换皮肤一样简单。
• 轻量现代：基于 Manifest V3 构建，后台走 Service Worker，占用资源少。

对想深入研究它的人，项目目录本身就是一份很好的"说明书"：_locales/装着全部语言的翻译文件，catch-script/是嗅探核心逻辑，js/里是后台、弹窗和下载器，lib/是打包进来的第三方库。后文我会逐个点到。

第二关：五分钟装好插件，就这么简单

装猫抓有三条路，按你的习惯挑一条就行。

路线一：应用商店装（最省心）

Chrome 用户去 Chrome 网上应用店搜"cat-catch"，Edge 用户去 Microsoft Edge 加载项商店，Firefox 用户去附加组件商店。找到后点"添加到浏览器"，全程不用碰代码。唯一的小提示：Firefox 商店对部分地区的 IP 有访问限制，遇到打不开时换个思路走下面两条路。

路线二：源码加载（开发者首选）

想第一时间体验最新功能，或者打算自己改改源码的，直接拉代码：

git clone https://gitcode.com/GitHub_Trending/ca/cat-catch

然后打开浏览器的扩展管理页面（Chrome 是chrome://extensions），右上角开启"开发者模式"，点"加载已解压的扩展程序"，选中刚才 clone 下来的文件夹，插件就装好了。

路线三：CRX 文件拖拽安装

从项目的 Release 页面下载.crx文件，把它直接拖进扩展管理页面，同样能完成安装，适合不想 clone 整个仓库的普通用户。

装完后点一下工具栏里的猫爪图标，第一次会请求必要的下载和通知权限，按需同意即可。到这一步，你已经拥有了"窥探"网页媒体资源的能力。

第三关：进阶玩法，把嗅探和M3U8下载用到极致

工具装好只是开始，接下来这三板斧才是猫抓真正的看家本领。

3.1 点开弹窗，看看这一页藏了多少"货"

随便打开一个带视频的网页，再点猫抓图标，弹窗会立刻列出当前页面检测到的所有媒体文件。弹窗顶部有"当前页面""其他页面"和"其他功能"几个标签——"当前页面"是此刻这个网页上的资源，"其他页面"则汇总了其他标签页里发现的内容。

列表里每个文件都带勾选框，旁边直接给出下载和预览按钮。点中任意一条，底部会展开详细信息：文件格式、大小、时长、分辨率，连完整的资源地址都清清楚楚。看中的东西可以先点预览按钮在内置播放器里过一遍，确定是自己要的再下载，不用盲存一堆垃圾文件。

弹窗底部还藏着一排高频操作："全选""反选""下载所选""复制所选"一条龙，遇到资源多的页面可以批量打包；"模拟手机"适合那些只在移动端 UA 下才吐出资源的站点；"自动下载"一旦打开，之后逛到带资源的页面它就直接帮你收走，适合收藏癖用户。

3.2 M3U8 专场：分片、加密、合并一次讲透

M3U8 是 HLS 流媒体协议下的索引文件，视频本体被切成了几十上百个 TS 小分片，播放时一个个加载。这类视频在网页源码里通常只露出一个.m3u8文件地址，普通手段很难直接抓到完整视频——而猫抓的 M3U8 解析器正是为它而生。

把 m3u8 地址丢进去，解析器会把分片清单全部列出来：一共多少片、总时长多长、分辨率多高、预估体积多大，一目了然。下载时它用多个线程同时"抢"分片，再自动按顺序拼接，最后合并输出成 MP4。如果只是想留音频，勾选"只要音频"就能直接拿到声音文件，做铃声、剪播客都方便。

加密也不怕。针对常见的 AES-128 加密流，界面提供"自定义密钥"和"偏移量（IV）"输入框，密钥可以直接填十六进制或 base64，也可以从本地文件读取；遇到本身没加密的流，勾选"跳过解密"提速即可。更贴心的是"下载范围"功能——只想留某个时间段？填个起止分片序号，其他一律不碰。

对于动手能力强的用户，解析器还支持把任务交给专业工具：一键调用 m3u8DL 下载，或把内容"发送到 FFmpeg 转码"，命令行参数可以直接复制出来手动执行。截图里那一排"原始 m3u8""本地 m3u8""ts 列表"按钮，分别对应不同的保存形态，总有一种能满足你的场景。

3.3 换种语言，界面照样顺手

猫抓的用户遍布全球，国际化做得相当扎实。同一套功能，切到西班牙语界面后按钮、提示、设置项全都跟着变，没有生硬遗漏。

这种体验背后是一套标准的 i18n 机制：_locales/下每种语言对应一个messages.json，里面是成对的键和翻译文本，扩展启动时按当前浏览器语言自动加载对应文案。社区成员正是通过补全这些翻译文件来贡献新语言的，这也是项目能保持 9 种语言同步更新的原因。

第四关：老手才知道的隐藏技巧

到了这一关，你已经不是小白了。下面这些坑和技巧，是我实际使用中踩出来的经验。

抓不下来的视频，问题多半出在这

遇到嗅探不到的情况，先别急着怀疑插件。优先检查三件事：一是 SPA 单页应用里的视频往往是在滚动后才动态加载的，需要开启"深度搜索"模式才能捕获；二是有些站点走 WebRTC 等 P2P 通道传输，不走普通 HTTP 请求，这类资源确实难以下手；三是确认浏览器的下载权限给全了。把这三条排查完，九成问题都能解决。

批量操作与自动化

重复性的抓取任务不用每次都手动点。猫抓的"录制脚本"功能会把你的操作过程录下来，之后一键回放，自动完成同样的嗅探和下载流程；配合"自定义文件名"模板，下载下来的文件会自动按你的命名规则整理，不用再手动重命名归档。

下载慢、容易断怎么办

先把下载线程数调上去，多线程同时拉分片通常立竿见影；再确认勾选"合并下载"，让分片下载完成后自动拼接，避免留下大量散装 TS 文件；如果网络环境本身不稳定，避开高峰时段再下，成功率会高很多。

想改代码的开发者看这里

源码结构对想学习的开发者非常友好：js/background.js负责后台监听网络请求，catch-script/catch.js是资源嗅探的核心逻辑，js/m3u8.downloader.js专门处理 M3U8 分片下载与合并，catch-script/recorder.js实现脚本录制，catch-script/webrtc.js则是对 P2P 场景的探索。多语言同步有tools/sync-locales.js这个工具脚本兜底，加一门语言不用手忙脚乱地逐个文件补。模块之间职责清晰，作为浏览器扩展开发的学习范本相当合适。

用得安心，也请用得体面

最后说两句价值观层面的东西。猫抓是开源项目，代码随便看，隐私上没什么好担心的；但请记住，工具本身不分对错，关键是使用场景——缓存自己买过会员的课程、保存自己创作的内容、收集有授权允许下载的素材都没问题，拿去盗录他人付费内容就另当别论了。尊重版权，才能让这类工具一直体面地存在下去。

写到最后：现在就动手装一个吧

回头看我那个找解析网站的晚上，如果早点装上猫抓，十分钟就能把演唱会视频收进硬盘。这款扩展最大的价值，不是省下多少时间，而是给了你"想存就能存"的自由——网课、直播回放、Vlog 素材、会议录屏，凡是能播的，基本都能留一份。

别再让心仪的视频随着网页下架而消失。装好猫抓，打开一个你想保存的视频页面，点一下图标，完成你的第一次嗅探与下载。从第一个成功保存的文件开始，你会发现自己已经停不下来了。

【免费下载链接】cat-catch猫抓 浏览器资源嗅探扩展 / cat-catch Browser Resource Sniffing Extension项目地址: https://gitcode.com/GitHub_Trending/ca/cat-catch