Cat-Catch 浏览器扩展全攻略：一个下午搞定网页媒体资源捕获与 M3U8 合并

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

你有没有经历过这种时刻：在网页上刷到一段想反复回看的视频，右键菜单里却只有"在新标签页中打开"；想保留一段背景音乐，翻遍页面源码也无从下手。Cat-Catch（cat-catch）就是为这种时刻准备的浏览器扩展，它能自动识别并列出网页中所有可捕获的媒体资源，让你"看得到就能留得住"。

安装前先弄懂的三件事

1. 版本兼容性：扩展要求 Chromium 内核 93 以上，想体验完整功能建议 104 以上。Chrome、Edge、Firefox 都能用，移动版 Edge 也支持。

2. 数据全在本地：捕获到的资源信息和你的设置都存放在浏览器本地，不会上传到任何服务器。

3. 认准官方渠道：项目完全开源，代码谁都能拿走改一版再上架，市面上已经出现夹带广告的仿冒版。请只从官方商店或下面的源码地址安装。

方式一：应用商店安装（推荐）

在 Chrome 应用商店或 Edge 加载项商店搜索 "Cat-Catch"，点安装即可；Firefox 用户去 Firefox 附加组件商店搜索同名扩展。

方式二：源码安装（开发者友好）

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

然后打开浏览器扩展管理页，开启"开发者模式"，点击"加载已解压的扩展程序"，选中刚才克隆的文件夹。这种方式能让你随时翻看源码，甚至动手改一版属于自己的扩展。

方式三：CRX 文件安装

从项目 Releases 页面下载 crx 文件，直接拖进扩展管理页即可。

装好之后，记得把图标固定到工具栏——接下来所有操作都要从它开始。

三步完成 Cat-Catch 首次资源捕获

第一次上手比想象中简单，整个过程就是"打开、查看、保存"。

第一步：打开一个带视频或音频的网页，让内容完整加载。

第二步：点击工具栏里的 Cat-Catch 图标，弹出面板会列出当前页面捕获到的所有媒体资源——包括文件名、格式、大小、时长和分辨率。

第三步：选中需要的资源，可以单条下载，也可以勾选多条后点"下载所选"批量保存。

面板左上角的数字代表当前页面捕获到的资源数量；每条资源右侧有下载、复制按钮；点击资源名还能直接预览播放，确认内容无误再保存，避免下错文件。列表下方的"自动下载"开关，适合连续保存系列资源。

第一次打开发现资源比你预期的多？别急，这是好事——说明页面里藏着不少值得留存的素材。

Cat-Catch 资源捕获原理：像守在路口的快递登记员

你可能好奇，它凭什么能把资源"看"得这么清楚？这里有个很贴切的类比。

想象路口站着一位登记员，每辆经过的货车他都会扫一眼：装的是什么、从哪来、往哪去。Cat-Catch 的捕获引擎也是这个思路——它通过浏览器的 webRequest 接口"蹲守"页面发出的每一个网络请求，凡是命中预设后缀或类型规则的（比如 .mp4、.m3u8、音频流），就记入资源清单。

具体分工大致是这样的：

• catch-script/catch.js：运行在页面里的捕获引擎，负责识别媒体资源并生成列表；
• js/content-script.js：负责在页面加载早期就注入脚本，不放过任何一个请求；
• js/background.js：后台总管，协调资源数据、标签页与下载任务。

整个过程全程发生在浏览器本地——数据不出你的设备，这也是它隐私表现干净的根本原因。

M3U8 流媒体合并全教程：把几百个小切片拼成完整视频

网页视频分两种：一种是单文件（如 .mp4），直接保存即可；另一种是 HLS 流媒体，你看到的一个"视频"，其实是几百个几秒钟的 .ts 小切片加一个 .m3u8 索引文件。Cat-Catch 对后者的处理是它的拿手好戏。

第一步：在扩展面板里打开 m3u8 解析器（或直接打开 m3u8.html 页面），把捕获到的 .m3u8 链接粘贴进去。

第二步：点击解析，页面会列出全部切片清单，并显示总时长、分辨率和预估大小。

第三步：设置下载参数——线程数决定同时下载几个切片，网络好可以拉到 8-12，网络一般建议 4-6；勾选"mp4 格式"会在下载完成后自动把切片合并成一个完整视频。

第四步：点击"合并下载"，等进度条走完，一个连贯的视频文件就出现在你的下载目录里。

如果视频带加密，解析器还支持填写密钥（十六进制或 base64）与偏移量 IV，或直接上传 key 文件。这些能力依赖 js/m3u8.js 和 js/m3u8.downloader.js 两个模块，前者负责解析索引、后者负责并发下载与自动合并。

三个真实场景，看看它到底能帮上什么忙

场景一：在线课程资料整理

上网课时看到讲得好的章节，想存下来离线复习。打开课程页 → 点击图标 → 找到体积最大的那个视频文件 → 预览确认 → 保存。看完一节课，本地多了一份可倍速、可回放的学习资料，效果立竿见影。

场景二：创作素材顺手拈来

做剪辑或设计时，需要参考视频片段、背景音乐和灵感图片。不用再开一堆第三方工具，直接在页面上把想要的一并勾选批量保存；遇到只要声音的场景，用"仅音频"选项快速分离，效率提升明显。

场景三：手机也能接着看

在电脑上找到资源后，用扩展的二维码功能生成链接，手机扫一扫就能在移动端打开或继续处理——适合通勤路上接着看课、临时把素材传到手机预览。移动版 Edge 也支持安装这套扩展，PC 与手机的使用习惯可以无缝衔接。

多语言与细节设置：把扩展调成你的形状

Cat-Catch 的语言包放在 _locales/ 目录下，目前覆盖简体中文、繁体中文、英语、西班牙语、日语、韩语、葡萄牙语（巴西）、俄语、土耳其语、越南语，界面语言跟随浏览器自动切换。

打开设置页，你会发现它还藏着不少进阶选项：可以用正则表达式过滤或屏蔽特定资源、按大小范围过滤（比如只保留大于 100KB 的文件）、把保存任务转发给 aria2 或本地下载器，甚至支持 MQTT 推送。这些配置不是摆设——理解它们能让你的捕获效率再上一个台阶。

Cat-Catch 与常见替代方案对比

一句话总结：想省事、要安全、还得能处理流媒体，Cat-Catch 是综合成本最低的选择。

常见问题排查：遇到这四种情况别慌

问题一：页面上一个资源都看不到？先刷新页面再试；检查设置里是否误关了捕获开关；部分网页用了特殊加载方式，可以开启"深度搜索"或"增强模式"再试。

问题二：下载到一半失败？检查网络与磁盘空间；把下载线程数调低减少并发压力；或改用"复制链接 + 浏览器直接保存"的备选方式。

问题三：合并出来的视频无法播放？确认是否勾选了正确的输出格式；若是加密视频，检查密钥与 IV 是否填对；也可以用专业播放器验证文件完整性。

问题四：担心装到假扩展？开源项目常被恶意仿冒，安装前务必核对来源，只从官方商店和项目源码仓库安装。

使用前记住一件事，然后开始第一次捕获

任何工具都有边界。请只保存自己拥有版权或已获授权的内容，尊重创作者；如果你运营的网站不希望被捕获，也可以按项目文档的流程提交域名，开发者会将其加入"避免抓取列表"——这种克制本身，正是开源社区该有的样子。

现在，轮到你了：

1. 按上面的任一种方式装好扩展；
2. 打开一个包含视频的网页；
3. 点一下工具栏的图标；
4. 把第一个资源保存到本地。

工具的意义从来不是"多一个按钮"，而是让你在需要的时候，不必再说"早知道当时存下来就好了"。愿你能用它留住那些值得反复观看的内容，也留得心安理得。

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