猫抓浏览器插件教程：3 步搞定网页视频音频下载
【免费下载链接】cat-catch猫抓 浏览器资源嗅探扩展 / cat-catch Browser Resource Sniffing Extension项目地址: https://gitcode.com/GitHub_Trending/ca/cat-catch
猫抓（cat-catch）是一款开源的资源嗅探浏览器扩展，能把当前页面的视频、音频、图片资源全部列出来，支持预览和一键下载。本文面向新手，按 3 步讲清安装和使用，读完就能开始保存网页资源。
🚀 快速上手：3 步安装并使用猫抓
- 安装：在 Chrome、Edge 或 Firefox 扩展商店搜索“cat-catch”并安装；也可以从源码安装：
git clone https://gitcode.com/GitHub_Trending/ca/cat-catch，在扩展管理页打开开发者模式，点“加载已解压的扩展程序”选中目录。 - 开启：点工具栏的猫抓图标打开面板，图标上出现数字，就是当前页面已捕获的媒体资源数。
- 首次下载：刷新目标网页，打开猫抓，勾选想要的资源，点“下载所选”，文件会存到浏览器默认下载目录。
🧩 核心功能拆解
资源列表：找出页面里的任何媒体文件
解决的问题：很多网站不提供下载按钮，想拿到直链得会翻开发者工具。猫抓会实时监听页面网络请求，把页面用到的媒体文件全部列出来，附带文件名、大小、格式和时长。
操作要点：列表逻辑在 js/popup.js，每条资源右侧有复制、预览、下载按钮，还能用“全选”“反选”批量操作。
内置预览：先确认内容再下载
解决的问题：盲目下载浪费空间，下错了还得再翻一遍。猫抓内置播放器，先看后下更稳妥。
操作要点：点资源行上的播放按钮，下方预览区会同时显示标题、MIME 类型、时长和分辨率。
M3U8 解析器：流媒体视频一键存成 MP4
解决的问题：不少平台用 M3U8 流媒体格式，视频被切成几百个 TS 分片，普通下载器没法直接保存。
操作要点：把 M3U8 地址粘贴进解析器，自动列出全部分片；可设线程数、下载范围和加密密钥，点“合并下载”就能得到 MP4 文件。核心逻辑在 js/m3u8.js。
自动下载与深度搜索
解决的问题：批量任务手动操作太繁琐，偶尔还会漏掉资源。
操作要点：在 options.html 打开自动下载，按设定条件自动触发；用“深度搜索”能捕获更多隐藏资源。
🎯 实际用法
保存网课视频离线看
背景：网课视频断网看不了，平台上也可能过期。
- 打开课程页，先播放一次视频触发资源加载。
- 在猫抓列表里勾选对应章节的 MP4 或 M3U8 资源。
- 点“下载所选”，用“课程名_章节”这类模板命名。
结果：课程存到本地，通勤路上也能复习。
剪辑时收集素材片段
背景：做剪辑需要参考片段，还要求画质高。
- 打开素材页，播放目标片段。
- 在资源列表按大小和时长挑出画质更高的文件。
- 预览确认后下载。
结果：素材挑选从“盲猜直链”变成“列表里挑”，效率明显提升。
保存网页音频
背景：想存下网页里的背景音乐或有声内容备用。
- 播放音频触发加载。
- 在猫抓列表里找到音频资源。
- 直接点下载，不用手动翻开发者工具。
结果：音频直接落盘，全程不到半分钟。
⚠️ 进阶技巧与避坑
- 合并失败先降线程：M3U8 合并下载出错时，把线程数从 32 降到 8，网络好时 16 足够。
- 加密内容填密钥：资源用 AES-128 加密时，在解析器里填 Key 和 IV，解密逻辑见 lib/m3u8-decrypt.js。
- 嗅探不到资源：先刷新页面，并确认播放过视频，部分页面要交互后才加载资源。
- 版本别太旧：完整功能需要 Chromium 93 以上内核，老内核建议用旧版本。
| 场景 | 传统方式 | 用猫抓 |
|---|---|---|
| 找视频直链 | 手翻开发者工具网络面板 | 打开列表直接看 |
| 合并 M3U8 分片 | 装 FFmpeg 手动敲命令 | 点“合并下载” |
| 批量保存 | 逐个下载 | 全选加下载所选 |
| 确认文件内容 | 下完再打开 | 列表内直接预览 |
❓ 常见问题
Q：下载的文件存在哪里？A：浏览器默认下载目录，在设置页可修改保存路径和命名模板。
Q：为什么有些页面的资源不显示？A：常见原因有三种：没播放视频，资源是播放后才加载的；内容有 DRM 保护；网站用了特殊协议。先播放内容再刷新页面试试。
Q：猫抓安全吗？A：开源免费，所有嗅探和存储都在本地完成，不向远程服务器发送数据，代码可以随时审查。
Q：手机能用吗？A：有 Edge Android 版，扫二维码安装，功能为简化版。
收尾
安装、打开、下载，三步就能把网页资源管理握在手里。建议先在允许下载的公开视频页练一遍，熟悉流程后再用到自己的场景。更多功能细节见项目 README 和官方用户文档，先从资源列表用起，多用几次就上手了。
【免费下载链接】cat-catch猫抓 浏览器资源嗅探扩展 / cat-catch Browser Resource Sniffing Extension项目地址: https://gitcode.com/GitHub_Trending/ca/cat-catch
创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考
