企业官网建设流程全解析

网页视频嗅探：把猫抓扩展用起来的完整流程

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

你正在看一节网课视频，页面只给在线播放，你却想存到本地反复刷。网页视频嗅探就是这类需求的答案，猫抓（cat-catch）是其中比较成熟的开源方案。

猫抓是一个浏览器资源嗅探扩展：它监听页面加载时发出的媒体请求，把视频、音频和 m3u8 流筛选出来列成清单，附上大小、时长和分辨率。你不用再翻开发者工具的网络面板逐条排查。

📥 从安装到第一次下载

在浏览器商店安装猫抓扩展

从官方扩展商店安装没有任何配置。你也可用源码方式：clonehttps://gitcode.com/GitHub_Trending/ca/cat-catch，在扩展管理页打开开发者模式，点“加载已解压的扩展程序”选中文件夹即可。注意它基于 manifest v3，需要 Chromium 内核 93 以上，完整功能建议 104 以上。

在工具栏打开资源列表

装好后打开任意带视频的网页，点右上角的猫抓图标。弹层顶部有三个标签页：“当前页面”“其他页面”“媒体控制 / 其他功能”。资源清单就在当前页面里：每条资源带复选框、文件名和大小；点开某条，下方显示标题、MIME、时长、分辨率和原始地址，方便你判断哪一条才是正片。

清单底部是操作区：下载所选、复制所选、全选、反选、清空，还有“模拟手机”“自动下载”“录制脚本”等按钮，后面会用到。

勾选视频并下载保存

确认好要保留的那条后，点“下载所选”，浏览器会提示你选择保存位置。如果点“自动下载”，它会直接打开对应解析页开始下载，结束后还能自动关页，适合批量处理。同一视频常有多个清晰度条目，文件名相近，这时用“全选”加“反选”再逐一取消，比一条条找快得多。

把 m3u8 流交给解析器

如果清单里出现 m3u8 资源，直接下载只会得到一个播放列表文本，放不了。猫抓会把它送进 M3U8 解析器：页面解析播放地址，列出全部 ts 分片，并算好总时长、分辨率和预估大小。你设好线程数和输出格式，点“合并下载”，它就把零散分片并行取回、拼回一个完整视频。

🔍 能力边界与细节

在浏览器内解密 AES 加密的 m3u8

不少平台的 ts 分片是加密的，裸下来就是花屏。猫抓内置了 AES 解密模块（实现见 lib/m3u8-decrypt.js）：从 m3u8 文件里读取密钥，在本地逐片解密后再合并。全程在浏览器内完成，视频数据不经过第三方服务器。

录屏救场：录制 WebRTC 流

直播或课堂这类场景常用 WebRTC 推流，网络面板里根本找不到直链。此时打开“录制 webRTC”，扩展会在页面注入一个小组件，让你选择对应的视频和音频轨道开始录制，码率可在 2.5 到 16 Mbps 之间调整。录制逻辑在 catch-script/webrtc.js 和同目录的recorder.js里，前者管 WebRTC，后者走 Canvas 抓取，可录制的对象不同。

自定义过滤与免抓名单

设置页支持按文件后缀、MIME 类型、正则表达式筛选要嗅探的资源，还能给不想被嗅探的域名加免抓名单。页面里资源又多又杂时，先用过滤规则把列表收窄，再勾选下载，体验会好很多。官方提示正则表达式占用资源较高，非必要不建议常开。

为什么有的视频嗅探不到？多半是懒加载或交互后才请求。刷新页面、把页面滚到底再重开弹层，通常就能列出来。

下载速度慢怎么办？在解析器里调大线程数（默认 6 线程），分段越多收益越明显。

回到开头那节想存下来的网课：打开页面，勾选条目，点下载，整个过程不到两分钟。只把它用在有版权或已获授权的内容上。

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