企业官网建设流程全解析

网页视频保存到本地：猫抓 Cat-Catch 浏览器资源嗅探与 M3U8 下载指南

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

猫抓（Cat-Catch）是一款开源免费的浏览器资源嗅探扩展，能把网页里正在播放的视频、音频整理成一份带大小和分辨率的清单，供你预览后下载保存。下面从安装、识别到流媒体解析，讲清楚这条链路怎么走。

为什么网页上的视频不好存

两个最常见的卡点：

• 页面禁用了右键和链接复制，你看得见画面却拿不到地址，只能靠录屏，结果画质打折、还得全程盯着播放器。
• 好不容易从网络面板里翻到链接，下载下来却打不开——因为那是 M3U8 格式的流媒体索引文件（把视频切成几十上百个小片段，再用一份清单文件串起来播放），拿到手只是"目录"，不是视频本身。

猫抓是什么，帮你省掉哪一步

猫抓是一个浏览器扩展，基于 GPL-3.0 协议开源、免费，支持 Chrome、Edge、Firefox 以及 Edge Android 版本。它的核心工作是在你浏览网页时记录网络请求、扫描页面里的媒体元素，把分散的请求自动汇总成资源列表。换句话说，它替你做掉了"打开开发者工具 → 逐条翻网络请求 → 人工判断哪条是视频"这一步。

三步跑通：安装 Cat-Catch 并完成第一个下载

第一步：安装。三种方式任选：

1. 应用商店安装：在 Chrome / Edge / Firefox 的官方扩展商店搜索安装（Firefox 商店需非国区网络环境访问）；
2. 源码安装：克隆仓库git clone https://gitcode.com/GitHub_Trending/ca/cat-catch，在扩展管理页开启"开发者模式"，点"加载已解压的扩展程序"并选中该目录；
3. crx 安装：从项目 Releases 下载 crx 安装包，开启开发者模式后直接拖入扩展页面。

兼容性提醒：1.0.17 之后需要 Chromium 内核 93 以上，完整功能建议 104 以上。

第二步：让页面把资源加载出来。打开一个带视频的网页，让视频播放几秒（至少出现画面），再点击工具栏上的猫抓图标。面板里分"当前页面 / 其他页面 / 媒体控制"三个标签页，命中的资源会按列表呈现，每条都带文件大小、MIME 类型、时长和分辨率。

第三步：预览后下载。先点列表右侧的播放图标预览，确认是你要的内容再点下载箭头。要批量保存时，用底部的"全选""反选"勾选，再配合"自动下载"即可；"模拟手机"按钮会在请求时切换成移动端标识，适合用来获取适配手机的地址。

四个最常用的功能

资源列表与预览

• 适用场景：一个页面同时加载了多个音视频和图片，肉眼分不清哪条是目标内容。
• 操作入口：点击工具栏图标打开的面板。
• 关键点：列表按"当前页面 / 其他页面"区分来源，预览播放器在选中的那条资源下方直接出现；"复制所选"可以把地址批量拷出来备用。限制：只会出现页面真正发起过请求的资源，没加载过的内容不会凭空出现。

M3U8 下载解析

• 适用场景：视频站把内容切成 ts 分段，直接下载 m3u8 文件无法播放时。
• 操作入口：把页面上的 m3u8 链接复制到扩展的 M3U8 解析器页面，它会列出全部分片，并显示总文件数、总时长、分辨率和预估大小。
• 关键参数：自定义密钥（16 进制或 base64，用于解密加密流）、偏移量 IV、下载线程数、下载范围（起止分片）、"只要音频""mp4 格式""跳过解密"等开关。解析器还能调用外部 m3u8DL 下载，或直接复制、显示现成的 m3u8DL / ffmpeg 命令行，交给本地程序处理。
• 限制：加密流的密钥需要你从页面请求中自行取得，插件只负责用你给的密钥解密合并。

DASH / MPD 支持

• 适用场景：部分平台不用 M3U8，而是用 MPD 清单描述音视频轨道（DASH 协议）。
• 操作入口：扩展内的 MPD 页面（对应 mpd.html），原理与 M3U8 类似——解析清单、逐段取回、合并输出。
• 关键点：适合遇到 m3u8 解析器打不开、但页面走 DASH 协议的站点。

媒体控制与辅助工具

除了下载主线，猫抓还带了几个实用小功能：媒体控制（暂停/恢复捕获、切换功能面板）、录制脚本（针对某些特殊播放器抓取地址）、WebRTC 检测（判断视频是否走实时通信通道，这类内容嗅探难度更高）、JSON 格式化查看（json.html），以及 aria2 任务提交。面板操作大多配有键盘快捷方式，具体定义见 manifest.json。

使用前后的差别

整条链路从打开页面到文件落盘，熟练后在一分钟量级；下载的还是源站提供的原始清晰度，而不是录屏压缩后的版本。

四个高频误解与处理办法

误解一：列表是空的，说明插件坏了。原因是资源嗅探依赖"请求真的发生过"，页面刚打开时很多资源还没加载。处理：让视频播几秒再开面板，或刷新页面重试。

误解二：下载的 m3u8 文件打不开，等于白忙。原因是直接保存的只是索引清单。处理：用内置 M3U8 解析器走"列分片 → 下载 → 合并"流程，得到可播放的完整文件。

误解三：线程数拉满一定最快。原因是一旦并发超过网络与磁盘的承受范围，分片容易超时失败，整体反而更慢。处理：线程数从 8 到 12 起步，个别分片失败可依赖解析器的自动重试，再不行就重下指定范围。

误解四：任何网站的内容都能下。猫抓维护了"避免抓取列表"，网站所有者可通过提交 Issue（标题格式[Opt-Out Request] 您的域名）申请加入。请只保存你拥有版权或已获授权的内容，这是项目明确写出的使用边界。

想深入可以看哪些文件

以下路径都来自仓库，按兴趣选择即可，无需通读：

• catch-script/catch.js：嗅探核心，资源如何被识别、页面媒体元素如何被扫描，从这里看起最顺。
• js/background.js：网络请求监听，理解"资源为什么会被看到"。
• js/m3u8.js、js/mpd.js、js/m3u8.downloader.js：流媒体解析与下载的具体实现。
• _locales/：10 种语言（中、英、西、俄、日、韩等）的界面文案，想补充翻译从这里开始；配套工具是 tools/sync-locales.js。

最后

建议先用一个普通 mp4 视频页面把"识别 → 预览 → 下载"跑一遍，再挑战 M3U8 解析。两点边界提醒：一是版权，只下载你有权保存的内容；二是安装渠道，市面上有加入广告代码的仿冒版本，认准官方发布渠道——猫抓自身的数据都在本地处理，不上传任何服务器。

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