企业官网建设流程全解析

猫抓浏览器扩展使用指南：免费捕获并下载网页视频的 5 类场景

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

猫抓（cat-catch）是一款免费开源的浏览器扩展，核心能力是视频嗅探与下载：它常驻在页面请求通道上，自动过滤出视频、音频等媒体资源，并在侧边面板里列成清单，让你直接点击保存。对普通用户而言，它把"打开开发者工具翻 Network 面板、手动找 .m3u8 和 .mp4 地址"的过程压缩成一次点击；对流媒体场景，它还内置了解析器，能把分片的 TS 片段解密、下载并合并成完整的 MP4。

快速上手：完成第一次资源捕获

应用商店安装

在 Chrome、Edge 或 Firefox 的官方扩展商店中搜索"猫抓"，确认发布者为官方后安装。仓库说明中特别提到，商店里存在携带广告代码的仿冒版本，安装时请核对官方安装地址，以免引入安全风险。

源码安装（开发者）

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

1. 打开浏览器扩展管理页（地址一般为chrome://extensions或edge://extensions），开启"开发者模式"；
2. 点击"加载已解压的扩展程序"，选中刚下载的扩展文件夹；
3. 安装完成后，工具栏会出现猫形图标，侧边栏也会注册一个面板入口。

触发捕获并保存

1. 打开任意包含视频或音频的网页并正常播放；
2. 点击工具栏图标（或在侧边栏打开面板），切换"当前页面 / 其他页面"两个标签页查看已捕获的资源列表，列表中带有文件类型、大小等信息；
3. 对目标条目点击"下载"，文件会按浏览器默认位置保存；勾选多个条目即可批量保存。

不需要任何额外配置，刷新一次页面后重新播放，列表通常就能完整显示。

功能拆解：按使用场景看猫抓能做什么

场景一：直链视频的快速捕获

MP4、WebM 等直链文件是最常见的情况。猫抓通过 catch-script/catch.js 注入页面后，会同时走两条路：一条监听网络请求（XHR/fetch/媒体加载），另一条由 catch-script/search.js 深入页面 JS 上下文扫描脚本里拼接出来的媒体 URL——后者能抓到很多"开发者工具里肉眼不好找"的地址。对 iframe 内播放、sandbox 隔离等页面也有针对性处理，捕获结果统一进面板列表。

场景二：M3U8 与加密流媒体处理

遇到.m3u8（HLS）或.mpd（DASH）条目时，不要直接下载——那只是一个分片清单。猫抓为这类资源内置了解析器入口：

• 自动解密：兼容 AES-128 加密的分片，密钥会被从请求中捕获后带入解析流程，解密相关实现位于 lib/m3u8-decrypt.js；
• 多线程下载：在设置页可调下载线程数（1–32），大文件提速明显；
• 分片合并：TS 片段下载完成后自动拼接，勾选 MP4 格式开关后直接输出标准 MP4，而不是散落的 ts 文件；
• 参数兜底：如果自动取密钥失败，可在解析器界面手动填写密钥、自定义切片参数（如tsAddArg）或请求头，js/m3u8.js 会把它们应用到每个分片请求上。

MPD 资源的处理入口在 js/mpd.js，界面同样支持合并与下载。

场景三：批量下载与保存规则

面板支持多选批量下载，保存行为可以在 options.html 中集中配置：

• 自定义文件名：使用替换标签（如${title}、${webUrl}、${userAgent}）定义保存文件名模板，批量下载时命名整齐可追溯；
• 捕获过滤：按文件后缀、MIME 类型配置大小阈值，或写正则表达式对 URL 做匹配/屏蔽（含正则在线测试框），把不需要的广告、音频流提前过滤掉；
• 下载行为：可开启"边下边存"流式保存（依赖 lib/StreamSaver.js）、下载完成自动关页、自动去重等选项；
• 屏蔽域名：对不希望的站点加入屏蔽列表，扩展不再对该域名工作。

场景四：对接本地下载工具与跨设备使用

面向更重的下载需求，猫抓支持把捕获的资源转发到本地程序：Aria2 RPC（配置地址、密钥、下载目录后一键转交）、自定义"发送数据"HTTP 请求（GET/POST/PUT，可带模板化的请求体和请求头）、调用本地命令，以及通过m3u8dl://协议把 m3u8/mpd 交给 N_m3u8DL 系列工具。移动端方面，Edge Android 浏览器可通过扫码安装：

进阶技巧：提高捕获成功率

• 资源没出现：先刷新页面并完整播放一遍——很多站点是懒加载，请求不发出就无法被嗅探；仍缺失时，到设置页开启"深度搜索"，让 catch-script/search.js 扫描页面脚本中的 URL 字符串；
• 播放到结尾才出分片：部分站点按需请求分片，播放进度条拖到结尾（或在设置里启用自动跳转到缓冲尾）后，清单会更完整；
• 下载报 403 / 空文件：多半是请求头缺失，把来源页的 Referer 或站点要求的 User-Agent 通过"替换标签"或解析器请求头选项补上；
• 直播流：面板内置直播录制入口，相关逻辑在 catch-script/recorder.js，适合把正在播的内容实时录下来；
• 跨域密钥：加密流取不到 key 时，面板会给出"可能的密钥"候选项，手动选择后重试即可。

技术架构速览（面向开发者）

整体遵循 Manifest V3 规范：后台是 service worker，捕获逻辑以 content script 形式在每个页面执行，解析与下载在独立页面中完成，互不阻塞。

注意事项

• 版权合规：仅下载你拥有版权或已获授权的内容。项目同时提供"拒绝抓取"通道——站点运营方提交 Issue 后，域名会被加入避免抓取列表；
• 浏览器版本：1.0.17 之后要求 Chromium 内核 93 以上（manifest.json 中已声明最低版本），完整功能建议 104 及以上；旧内核请使用 1.0.16 版本；
• 隐私：所有捕获数据只保存在本地，不上传远程服务器，不包含任何跟踪器；完整代码公开在仓库中可自行审查；
• 许可证：当前版本采用 GPL-3.0 许可，基于其源码二次开发的扩展请保持开源。

猫抓比较适合"经常需要从网页保存音视频"的人：日常学习材料、公开课、工作素材都能快速落地。按上面的步骤装好扩展，找一段 m3u8 视频走完解析流程，基本就摸清了它的全部用法。

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