企业官网建设流程全解析

Cat-Catch 网页视频下载：一键嗅探页面视频与 M3U8 流并存本地

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

装好后，任何能播视频的网页，你都能把 MP4/WebM 视频、MP3/AAC 音频、M3U8/MPD 分片流挑出来存到本地，全程不出浏览器。Cat-Catch（猫抓）是一个开源的浏览器资源嗅探扩展，抓到的数据只存在你的浏览器里，不上传任何远程服务器。下面按「装好 → 抓到第一个文件 → 合并分片」的顺序过一遍。

📥 安装与首次抓到视频：四步跑通

这一节把两种安装方式和第一次出结果合并讲完。

1. 打开 Chrome / Edge / Firefox 对应的扩展商店，搜「猫抓」或「Cat-Catch」，点「添加到浏览器」。
2. 想从源码装，先克隆仓库：

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

3. 到扩展管理页打开「开发者模式」，用「加载已解压的扩展程序」选中上一步的文件夹，商店安装则跳过此步。
4. 打开任意带视频的页面点一下播放，再点工具栏猫抓图标，「当前页面」页签就是资源清单。

坑：Chromium 内核要 93 以上（manifest.json写明"minimum_chrome_version": "93"），地址栏输chrome://version可查。提醒一句：商店里有过塞广告的二改版本，装前认准官方页面。

🔍 核心用法：存 MP4、合并 M3U8、录直播

这一节覆盖三个目标：直存 MP4、M3U8 分片合并、WebRTC 直播录制；设置页里还能写自己的正则白名单（只留.mp4之类）和黑名单（排掉preview缩略图最实用）。

网页视频直接存本地

最普通的场景：页面放的就是一个 MP4 文件。

1. 打开视频页面，先点播放，让媒体请求真正发出去
2. 点工具栏猫抓图标，「当前页面」页签按文件名、大小、MIME 类型列出资源，选中还能看时长和分辨率
3. 选中目标那条，点播放图标在面板里预览，确认是想要的内容
4. 点下载按钮，文件进浏览器默认下载目录

面板底部一排按钮管批量操作：全选/反选、复制所选链接、清空列表、「模拟手机」改 User-Agent、「自动下载」免确认直接存。

坑：列表里只有图片和.js文件时，多半是视频请求还没发出——滚动页面或点播放让它加载，再回面板看。

M3U8 分片合并成一个完整 MP4

很多站点把片子切成几十上百个 TS 分片，直接下只得到一堆碎片。

1. 在资源列表选中那条 M3U8，点行尾的解析图标
2. 解析器列出全部分片，数量、总时长、分辨率直接显示在顶部
3. 设下载线程数（输入框上限 256），加密的流勾上「跳过解密」
4. 点「合并下载」，产物是一个完整 MP4；只要声音就勾「只要音频」，单抽出音轨

坑：加密流不给 Key 是解不出来的——解析器支持填自定义密钥（16 进制或 base64），也可以直接上传 Key 文件。

WebRTC 直播流录成 WebM

网页直播走 WebRTC 时根本没有文件 URL，那就把流录下来。

1. 打开走 WebRTC 的直播页面，开始播放
2. 扩展自动代理页面的RTCPeerConnection，用 MediaRecorder 把收到的流实时录成 WebM
3. 直播结束停录，文件存本地

坑：录制跟着播放进度走，30 分钟的直播要挂 30 分钟，中途关页面就只剩半成品。

⚙️ 嗅探原理三句话讲完

整条链路就一条线：后台服务js/background.js用chrome.webRequest监听每个网络请求，取 URL 与响应头 Content-Type，和你的自定义正则规则比对，命中就挂进面板列表。页面浮层由catch-script/catch.js注入，M3U8 解析在js/m3u8.js（hls.js 负责分片），WebRTC 代理在catch-script/webrtc.js。所有数据本地存储，不往远程发。

🩺 问题速查：三行定位

• 抓不到视频 → 媒体请求没发出或站点用了 DRM → 先点播放再开面板；DRM 流换清晰度或换源
• 列表空但页面在播 → 扩展被暂停，或内核低于 93 → 面板打开启用开关；chrome://version查内核
• 合并完打不开 → 只下了部分分片，或加密流忘勾「跳过解密」→ 解析器把下载范围设成全部分片、勾上跳过解密重新合并
• 列表全是图片 → 视频还没加载 → 滚动或点播放触发请求

现在就打开浏览器扩展商店搜「猫抓」装上，装完打开任意带视频的页面就能抓。丑话说在前头：只下载你自己有版权或已获授权的内容。

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