企业官网建设流程全解析

3 分钟上手猫抓 Cat-Catch：浏览器资源嗅探扩展的完整使用指南

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

打开一个视频页，点一下工具栏的猫头图标，资源列表就弹了出来，文件名、大小、格式一目了然。这就是猫抓（Cat-Catch）——一款开源的浏览器资源嗅探扩展，把网页里加载过的媒体资源全部筛出来，让你直接下载。

快速上手：从安装到看到第一条资源

应用商店安装（推荐）

• Chrome / Edge 用户：进入浏览器的扩展商店，搜索 "Cat-Catch" 安装
• Firefox 用户：到 Firefox 附加组件商店搜索安装（需非国区 IP）
• Edge Android 用户：可用手机版 Edge 扫码安装

注意区分正版：应用商店里存在加了广告代码的仿冒版本，安装时认准开发者信息，以官方渠道为准。

手动安装（适合想跟随最新版的人）

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

然后打开浏览器扩展管理页（如chrome://extensions），开启右上角"开发者模式"，点"加载已解压的扩展程序"，选择刚才克隆的文件夹即可。

第一次体验

装好后，随便打开一个带视频或音乐的网页，点一下工具栏的猫头图标。弹出页面顶部有"当前页面 / 其他页面"两个标签，下面按时间列出了所有捕获到的资源：每条都有勾选框、文件名、大小，右侧一排小图标可以复制地址、在线预览或直接下载。先勾选一条视频，点下载图标，几秒后文件就进了你的下载目录——到这里就算跑通了。

核心能力拆解

🎯 资源嗅探与筛选：把隐藏的资源翻出来

猫抓通过监听网页的网络请求自动识别媒体资源，catch-script/catch.js是嗅探引擎所在，HTML5 视频标签播放的内容、JS 动态加载的媒体、甚至藏在接口返回里的地址，都会被捕获并分类。

例子：你正在看一节在线课程，页面本身没提供下载按钮。点一下猫抓图标，列表里已经躺着.m3u8和.ts资源，直接就能处理。

技巧：列表顶部的筛选框支持按扩展名、MIME 类型过滤，输入mp4就只看 mp4。资源多的页面，先筛选再勾选，比逐条翻快得多。

🔍 深度搜索：常规嗅探抓不到时的兜底

有些网站把视频地址写在加密或嵌套的接口里，普通嗅探只能看到零碎的小请求。深度搜索会主动分析页面内的脚本和数据，把藏在更深层的资源地址挖出来，猫抓的右键菜单里就能直接触发。

例子：嗅探列表里只有一堆几百 KB 的.ts碎片，没有主视频流。对页面执行一次深度搜索，完整的 m3u8 播放地址可能就出现在列表里。

技巧：深度搜索会分析页面脚本，对个别网站可能产生影响，用完确认资源后可点"清空"复位，不必让它长期跑。

▶️ 在线预览与批量下载：先试听再动手

每条资源都能点开预览：视频、音频直接在弹出页里播放，确认是想要的版本再下载。勾选多条资源后可以一次性批量下载，还支持把地址发送到 Aria2 等下载工具、用自定义模板调用本地播放器（PotPlayer、VLC 等）。

例子：同一个视频有 360p、720p、1080p 三个档位，你不确定哪个能正常播放，先点预览图标听个十秒，确认无水印、无卡顿，再勾选最高档下载。

技巧：勾选后如果只想"播放"而不想"下载"，开启调用播放器模板后点 invoke 图标，浏览器只负责把地址扔给本地播放器，边播边下都交给播放器处理。

📼 M3U8 解析器：分段视频也能合成完整文件

流媒体视频通常被切成几十上百个.ts分片，直接下载是一堆碎文件。猫抓内置的 M3U8 解析器（js/m3u8.js）能把这些分片自动识别、逐片下载，最后合并成一个完整的 mp4。

例子：嗅探到一条.m3u8地址，点资源条上的"解析"图标，解析器页面列出全部切片，点开始，稍等片刻就是一个合并好的完整视频。

技巧：解析器支持勾选任意切片再合并——只想截取中间某段时，只勾那几片即可，不用下完整视频。

实战工作流

场景一：保存一节在线课程视频

目标：把课程视频存成本地 mp4，方便离线学习。

1. 打开课程页，把视频播放 5 秒以上，让分片先加载出来
2. 点猫抓图标，在"当前页面"列表里找到.m3u8资源
3. 点"解析"图标进入 M3U8 解析器，确认切片列表完整后点下载
4. 等待合并完成，得到完整视频文件

预期结果：下载目录中出现一个可直接播放的完整视频，而非一堆.ts碎片。

场景二：下载 M3U8 流媒体并合成 mp4

目标：网页里有一段只能在线看的视频，想保存下来。

1. 嗅探列表中找到.m3u8地址，点解析图标
2. 在解析器里等待切片识别完成，如需格式转换可勾选 mp4
3. 点开始下载，进度条走完即自动合并

预期结果：多个分片被合并为单个完整视频文件；若个别切片失败，解析器会自动重试。

场景三：一键收走页面上的全部媒体

目标：整理一篇图文/视频混合页面的素材。

1. 打开页面，等所有资源加载完毕
2. 点猫抓图标，用筛选框按类型（如mp4、png）分别过一遍
3. 勾选需要的条目，点"全选"或"下载"批量保存

预期结果：按你勾选的清单批量下载，文件名沿用资源原始命名，配合命名规则可自动归类（见下节）。

进阶配置

过滤大小表达式

改什么：设置页的"过滤大小"。为什么改：默认列表会把图标、音频小碎片全混进来，加一条大小过滤后列表立刻干净。推荐值：>500 KB，只关心大图大视频时可用>5 MB。这里支持表达式和范围，如500-1000 MB。

自定义下载文件名

改什么：设置页的下载文件名模板。为什么改：批量下载时按原始文件名保存容易乱套，用模板标签可以按网站、日期自动生成文件夹结构。推荐值：把资源按"网站 / 日期"归类，下载即归档，省去手动整理。

M3U8 下载线程

改什么：M3U8 解析器中的线程数。为什么改：线程越多切片下得越快，但网络不稳时反而容易失败。推荐值：一般网络 3~6 之间（上限 6），分片失败率高就往下调。

快捷键提示：猫抓内置了暂停/启用、自动下载、深度搜索、M3U8 解析器、清空等命令，浏览器没有预分配按键，可在扩展快捷键页面（如chrome://extensions/shortcuts）给它们绑上顺手的组合键，常用"深度搜索"和"清空"绑定后效率提升明显。

避坑指南

检测不到资源怎么办？

现象：点开猫抓，列表是空的。

可能原因：页面资源还没开始加载；或视频用了猫抓未覆盖的加密方式。

1. 先播放视频几秒，等分片加载出来再点图标
2. 刷新页面，重新点一次
3. 对页面执行深度搜索
4. 确认浏览器内核版本满足要求（Chromium 93 以上，完整功能建议 104 以上）

M3U8 解析后下载失败？

现象：切片能识别出来，但下载中途报错。

可能原因：地址是一次性链接，已过期；或网络不稳导致分片拉取失败。

1. 重新播放视频后再点解析，让猫抓从最新缓存里读取 m3u8
2. 线程数调低到 2~3 再试
3. 换个网络环境或等几分钟后重试

下载速度慢怎么调？

现象：文件不小，但下载速度远低于网速。

可能原因：默认浏览器下载通道受服务器响应头限制；并发任务太多。

1. 减少同时进行的下载数量
2. 大文件改用发送到 Aria2 下载
3. M3U8 场景适当提高线程数

弹出页面打不开或功能缺失？

现象：点图标没反应，或侧边栏空白。

可能原因：浏览器内核版本过低；扩展需要重启。

1. 打开扩展管理页，用扩展自带的"重启扩展"命令
2. 核对内核版本，低于 93 的浏览器改用旧版本扩展
3. 仍不行就卸载重装，配置可通过设置页导出后再导入

项目速览

• catch-script/catch.js：资源嗅探主逻辑
• js/popup.js：弹出界面的资源列表与操作
• js/m3u8.js：M3U8 解析器与切片合并
• js/background.js：下载任务、命令等后台处理
• _locales/：中、英、日、韩等 11 种语言的翻译

收尾

猫抓的授权范围只覆盖你拥有版权或已获授权的内容，下载受版权保护且未授权的内容需要自己承担法律责任。所有数据都在本地浏览器中处理，不上传、不跟踪。把网页里的媒体资源从"看得到"变成"存得下"，猫抓只需要你在工具栏上点一下。

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