企业官网建设流程全解析

怎样用猫抓扩展做网页媒体嗅探：4步从安装到把视频存下来

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

你在网页上看到一个好视频，想保存下来，却到处找不到下载按钮。猫抓媒体嗅探扩展就是为这事而生的：它实时监听页面发出的媒体请求，把抓到的视频、音频、流媒体资源都列出来，你预览一下，挑中就能下载。

猫抓是一款开源的浏览器资源嗅探扩展，Chrome、Edge、Firefox 都能装。它有两个明显优势：一是抓得全，连在浏览器内存里播放的分片流都逃不过它；二是门槛低，界面就是几个列表和按钮，不需要懂任何技术。

🚀 4步跑通第一次嗅探

1. 装扩展。Chrome 或 Edge 用户在加载项商店搜索“cat-catch”一键安装；Firefox 用户走附加组件商店（需非国区 IP）。想用最新源码的话，可以克隆仓库后加载：

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

然后在扩展管理页打开“开发者模式”，选中 cat-catch 文件夹。

2. 打开页面。让视频播放一遍、进度条往前走，扩展从页面加载那一刻就开始抓包。
3. 打开列表。点工具栏上的猫爪图标，弹窗按“当前页面 / 其他页面”分组，每条资源都标着大小、类型和时长。
4. 预览再下载。选中一条，看标题、分辨率和预览画面确认内容无误，点下载，文件直接进你的下载目录。

🔍 实时媒体嗅探：它凭什么抓得全

弹窗里的列表看着简单，背后的活儿并不少。抓包引擎（catch-script/catch.js）在页面一打开就注入脚本，拦截两条通道：一是网络里发出的 HTTP 请求，二是浏览器内部的 MediaSource 内存播放通道。这意味着什么？网站“不留文件、边播边放”的视频也能被抓下来，猫抓的列表因此总比页面自带的下载选项长一截。

你拿到的是一份标注了标题、MIME、时长、分辨率的清单，下方还带一个内嵌播放器，先看清内容再下手。

📼 M3U8解析：把几百个分片拼回一个视频

很多网页视频不是一整段 MP4，而是几百个 TS 小分片，用普通工具下载只能得到一文件夹无法播放的碎片。猫抓为此内置了专门的 M3U8 解析器（代码在 js/m3u8.js）：贴进 m3u8 地址，它自动列出全部分片，并估算出总文件数、总时长和分辨率。流是加密的？用“上传 Key”填上解密密钥即可，下完后所有分片会被合并成一个能直接播放的 MP4。

🧰 下载之外：倍速、截图与外部下载器

弹窗第三个标签页“媒体控制 / 其他功能”，把猫抓变成一个小工具箱：对页面上的视频做倍速播放、画中画、循环、截图；点一下“模拟手机”，让网站以为你在用手机访问，对桌面版才隐藏的资源经常有效。下载层面，它可以把地址交给 aria2 之类的外部下载器，让更稳更快的工具去干活。列表里资源太杂时，“深度搜索”快捷键能帮你把藏在页面深处的资源翻出来。界面支持 10 种语言（译文在 _locales/），跟随浏览器设置自动切换。

📚 场景一：把网课视频存下来离线看

最用得上它的是想把课程视频存下来反复看的学生和自学者。常见情况是：课程平台没有下载按钮，或只给低清在线看。操作其实很短——把视频从头播到尾一遍（让所有分片都被完整请求），打开猫抓，挑出 mp4 或 m3u8 那条，下最高清晰度；如果是分片流，直接丢给 M3U8 解析器合并。两条实用建议：整系列课程打开“自动下载”，以后每次打开新页面自动存；平台反爬厉害时，先“模拟手机”再抓。

🎵 场景二：从网页里提取音频

找背景音乐、人声素材的内容创作者，常遇到页面只放音频、却没有独立文件的情况。猫抓的流程和存视频一样：打开页面，让音频先播一会儿，弹窗里就能按大小和时长筛出音频资源，挑中目标文件，预览试听后下载。小建议：列表噪音多时点一次“深度搜索”再筛；需要保留原始音质就先存原格式，后续再用音频工具转码。

🛠️ 媒体嗅探抓不到资源？多半是这几种情况

• 弹窗是空的：大概率是页面没加载完，或资源在别的标签页。刷新页面把视频放一遍，再翻一下“其他页面”标签。
• M3U8 解析失败、分片缺一截：通常是链接过期或流被加密。重新取一个新鲜的 m3u8 地址，网站有密钥就用“上传 Key”补上。
• 下载慢、分片反复失败：网络不稳。把解析器里的线程数调低，或者把地址交给 aria2 之类的外部下载器。
• 下完的文件播不了：多半文件不完整，或密钥没解对。重新下载，核对密钥是否填对，并对照解析器显示的总时长确认分片齐了。

猫抓做的事其实只有一件：把网页里看不见的媒体资源摆到你面前，剩下的交给一次点击。去商店装一个，下个视频试试；如果你愿意动手，也欢迎到仓库提 Issue 或贡献代码，一起把这个开源工具做得更好——当然，只下载自己拥有版权或已获授权的内容，使用责任自负。

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