企业官网建设流程全解析

猫抓 cat-catch：在浏览器里嗅探并下载网页视频的实操教程

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

点击“下载所选”按钮的一瞬间，页面上四个一百多 MB 的 MP4 开始写进硬盘。这是开源浏览器扩展猫抓（cat-catch）的典型场景：它靠资源嗅探完成网页视频下载，把页面请求里的媒体列成清单，交给你一键取走。

资源嗅探扩展能干什么

一句话定义：猫抓是资源嗅探扩展，也是网页视频下载工具。它把网页加载过的媒体——视频、音频、分片流——全部列出来，供你逐个下载、复制或预览。

和普通下载工具的区别：它不要求你提供直链。它直接看页面本身，藏在子页面里的媒体也逃不过。

边界也很清楚：

• 网站加密又不放出密钥时，它破不了防。
• 它是桌面浏览器工具，对移动网页的能力有限。
• 它只负责拿到文件，剪辑、加字幕不归它管。

🚀 五分钟上手

选一种安装方式

方式一，应用商店（推荐）：

1. 在 Chrome 或 Edge 扩展商店搜索 "cat-catch"。
2. 点安装，打开即用，无需配置。

方式二，源码安装（适合要最新版本的人）：

1. 把代码克隆到本地。

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

2. 在扩展管理页打开“开发者模式”。
3. 点“加载已解压的扩展程序”，选中克隆的目录。

装好后第一眼看到什么

弹窗分三块：顶部在“当前页面 / 其他页面 / 媒体控制”之间切换；中间是捕获到的资源列表，每条带勾选框、大小和操作按钮；底部是预览播放器。选中某个文件，能看到标题、类型、时长、分辨率。勾上想要的，点下载按钮，完事。

建议的初始配置（在选项页调整）：

其余设置保持默认即可。

🧩 核心能力拆解

把页面的视频和音频全列出来

打开一个页面后，扩展持续监听新增请求。列表里出现的文件都是可下载的媒体，可以勾选多个批量下载，也可以先看大小、链接再决定。

界面上提供中文、英文、日文、西班牙文等 10 种语言，不用对着单词猜。

适合谁：页面能播放、却找不到下载按钮的时候。

把分片视频拼成完整文件

很多网站不给完整 MP4，而是切成一堆 TS 分片，用 M3U8 串起来——M3U8 就是一份“按顺序播放”的清单文件。把 M3U8 链接粘进解析器，它会列出所有分片，并给出分片数、总时长和分辨率。

点“合并下载”，拿到的就是一个能直接播放的 MP4。

适合谁：列表里看不到完整文件、只有一堆分片的时候。

解密 M3U8 加密流

有的流是分片加密的。解析器可以填密钥和 IV（密钥支持 16 进制或 base64），解密后再下载。你还能指定下载范围，只取中间几分钟；勾选“仅音频”，则只抽出音轨。

适合谁：拿加密流，或者只想要内容的一部分。

真实场景怎么用：存课与收 BGM

保存在线课程内容

看视频课时打开弹窗，勾选时长和章节对得上的文件。平台若把课切成了 M3U8，就把流地址复制进解析器。下完按章节编号重命名，分课程建文件夹存放。这是网页视频下载最扎实的用途。

避坑：部分平台不播放就不加载后续分片，列表里会缺一截。先从头播放一遍，再回头抓。

收集背景音乐和音效

页面里有独立音轨时，资源列表里通常直接能看到 .mp3 或 .aac 条目。只有 M3U8 的情况，在解析器里勾选“仅音频”再合并，输出就是能播放的音频文件。

避坑：下载前先预览确认音频内容。有些“背景音乐”其实是混流，分不出来。

底层靠哪三块跑

逻辑分三层：注入页面的脚本盯着网络请求，标记哪些是媒体；后台进程汇总，按标签页维护列表；弹窗和解析器页面只负责展示与操作。干活的地方在这里：

• catch-script/资源捕获与解析逻辑
• js/m3u8.jsM3U8 合并与解密处理

⚠️ 注意这些事

• 隐私：嗅探、解析、合并都在本地完成，文件不出设备，也没有跟踪器。
• 版权：只下载自己拥有版权或已获授权的内容。项目设有“避免抓取列表”，站方可以提 Issue 申请把域名排除在外。
• 兼容：需要 Chromium 93 以上内核，104 以上才能体验完整功能。
• 版本：应用商店里出现过带广告的“伪猫抓”，装之前认准安装地址来源。

打开一个带视频的页面，勾一个文件，点下载。下完能播放，就说明你已经上手了。遇到问题，去项目仓库提个 Issue，附上页面链接即可。

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