企业官网建设流程全解析

5分钟上手猫抓 Cat-Catch：浏览器资源嗅探与 M3U8 合并下载完整指南

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

猫抓（cat-catch）是一款开源的浏览器资源嗅探扩展：打开一个网页，它把页面上出现过的视频、音频、m3u8 流全部列出来，你想保存哪个就点哪个。对新手来说，它把"找下载链接"这件麻烦事变成了勾选框；对老用户来说，它的 M3U8 解析器和批量操作省去了大量手动工作。

它靠什么工作

原理一句话：扩展通过webRequest权限监听页面发出的网络请求，按扩展名、MIME 类型、正则规则识别出媒体资源，然后展示在弹出面板里。所有识别、筛选、解析都在你本地的浏览器中完成——README 的隐私政策明确写了：数据本地存储处理，不发送到远程服务器，不含任何跟踪器。你嗅探了什么、下载了什么，只有你自己知道。

从安装到第一次捕获

最简单的路径是商店安装：Chrome 用户去 Chrome 网上应用店、Edge 用户去 Edge 加载项商店、Firefox 用户去附加组件商店，搜索 Cat-Catch 即可，注意认准官方商店入口，避免装到加了广告的仿冒版本。

喜欢折腾的话走源码安装：

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

然后进入浏览器扩展管理页，打开"开发者模式"，点"加载已解压的扩展程序"，选中克隆下来的文件夹。此外 README 还提到可以把 Releases 里的 crx 文件拖进扩展页安装。

装好后打开任意带视频的网站，让视频播放几秒，点一下工具栏的猫抓图标——面板（popup.html）会列出已捕获的资源，每条旁边有一排小按钮：复制、预览、下载、发送到应用。点预览按钮可以先确认内容对不对，再点下载，这就是你的第一次捕获。

三个高频需求的操作路径

保存课程视频。操作路径：打开课程页 → 让目标视频播放 5~10 秒 → 点猫抓图标 → 在列表里按分辨率挑一条 → 下载。小技巧：视频先播几秒再嗅探，扩展才能拿到带完整信息的流地址，而不是一个刚起步的低码率片段；如果列表里出现多条相似文件，挑文件大小最大的那条通常就是高清版。

收集创作素材。找背景音乐和音效时，在面板的过滤框里输入mp3或aac，列表立刻只剩音频。小技巧：设置页（options.html）支持自定义文件命名模板，把"网站名/日期"这类变量加进去，素材落盘后不用改名。

网页图片批量保存。过滤框输入jpg，按住 Ctrl 逐条勾选，一次下载整页图片。设计师收集配图素材时这条路径最实用；如果某些图是懒加载、滚动才出现的，先把页面完整滚一遍再打开面板。

M3U8 分片视频的解析与合并下载

流媒体视频不会给你一个完整的 mp4，而是切成几百个.ts分片加一个 m3u8 索引文件。猫抓为此做了专门的解析器（m3u8.html）：

1. 在资源列表中找到那条 m3u8 资源，点"M3U8 解析器"按钮（也可用浏览器快捷键直接唤起）；
2. 解析器页面会显示全部分片地址、总时长、分辨率；
3. 如果视频加密，在底部填入密钥（支持自定义 key、base64、偏移量 IV）即可解密；
4. 勾选"mp4 格式"，点"合并下载"。

最终你得到的不是散落的分片，而是一个可以直接用播放器打开的完整 mp4 文件。

⚙️ 效率配置清单

• 下载线程数：M3U8 解析器默认 32 线程合并分片，带宽宽裕时保持默认即可；网络不稳或服务器限流时调小，成功率反而更高（2.7.1 版本已加入下载出错自动重试）
• 过滤规则：设置页可以按"扩展名 / MIME 类型 / 正则"三层自定义过滤，还能设大小条件（如>100 KB），并维护屏蔽列表
• 自动检测：开启后进入带媒体的页面自动弹出资源面板，不用每次手动点图标
• 快捷键：manifest.json 的commands里定义了捕获、自动下载、打开 M3U8 解析器、深度搜索、预览等命令，在chrome://extensions/shortcuts（Firefox 对应扩展页）里绑定顺手的按键
• 存储路径：配合命名模板按"年份/网站"分层落盘，下载目录不会越来越乱

排障速查

检测不到资源

• 确认视频/音频已经实际播放过（纯静态页面点"播放"再等几秒）
• 刷新页面重试；仍不行就检查扩展是否被该站点屏蔽
• 试试面板里的"深度搜索"按钮，它会分析页面代码补漏

M3U8 解析失败

• 确认 m3u8 地址本身能在浏览器直接访问（一次性 URL 可能已过期，2.7.0 起解析器会优先从缓存读取）
• 加密视频需要正确的密钥，密钥错会表现为解析出文件但画面全黑或花屏
• 换个网络环境重试，排除 CDN 限流

下载速度慢

• 调小并发线程数，避免触发服务器限速
• 关闭同页面的其他下载任务
• 大文件可考虑设置里的 aria2 / 在线 ffmpeg 转发方式

给技术读者的模块速览

• 嗅探与捕获脚本：catch-script/catch.js，配套 search.js（深度搜索）、webrtc.js、recorder.js
• M3U8 解析器：js/m3u8.js + m3u8.html，依赖 lib/hls.min.js 等第三方库
• 弹出面板：js/popup.js + popup.html，侧边栏复用同一页面
• 后台任务：js/background.js，Manifest V3 的 service worker，负责下载队列、aria2/MQTT 转发
• 扩展清单：manifest.json，权限与快捷键命令都在里面；多语言翻译在 _locales/ 目录，共 10 种语言

版权与合规

猫抓的免责条款写得很直接：只用于下载你拥有版权或已获授权的内容。把这条当底线就行——个人学习用途的公开课程、自己拍摄的素材、已获许可的素材，放心用；商业网站付费内容，别碰。

写在最后

猫抓的定位一直很克制：一个开源、本地化、无跟踪的浏览器媒体捕获工具，把嗅探、筛选、M3U8 合并这些杂活收进一个 64×64 的猫头图标里。功能细节会随版本演进，完整参数和进阶用法以项目 README 链接的用户文档与仓库为准，遇到用不明白的选项，直接翻 CHANGELOG.md 往往比翻文档更快。

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