猫抓网页资源嗅探完整攻略:视频藏在网页里如何抓下来,4步搞定
【免费下载链接】cat-catch猫抓 浏览器资源嗅探扩展 / cat-catch Browser Resource Sniffing Extension项目地址: https://gitcode.com/GitHub_Trending/ca/cat-catch
你有没有遇到过这种情况:网页里的视频播得清清楚楚,右键"另存为"是灰的,浏览器下载栏空空如也,翻开发者工具看到的只有一堆.ts小文件。猫抓(Cat-Catch)就是一个开源的网页资源嗅探扩展,专门把这类藏在网页代码里的视频、音频、m3u8 流媒体捞出来,还能解析加密流并合并成一个完整文件。
先说结论:猫抓能帮你把什么"变"成文件
一句话定位:它像一个坐在浏览器内部的"旁听员",把页面发出的每一笔媒体请求都登记在册,再以面板摆到你面前。
最终你能拿到什么?一个真实的.mp4文件。下面是猫抓弹出面板的实际样子:列表里每个捕获到的媒体文件都有勾选框、大小,下方还直接显示 MIME 类型、时长、分辨率和原始链接,点"下载所选"就完事。
核心机制:猫抓到底是怎么"看见"网页资源的
网页视频不是文件,它凭什么能抓?
大白话:给浏览器的请求管道装了一台"记录仪",凡是从页面发出的媒体请求,都逃不掉。技术原理:js/background.js里挂了webRequest监听器,在请求发送、响应开始的那一刻记录 URL;catch-script/catch.js里的proxyMediaSourceMethods则代理了MediaSource(浏览器把视频分片在内存里拼装播放的接口),专门盯住流媒体数据。
接口动态返回的播放地址怎么办?
大白话:连网站后台悄悄干的活也监听。catch-script/search.js会拦截Worker(网页里后台干活的微型程序)的创建过程,从接口返回的数据里二次打捞资源。动态加载、接口下发地址的网站,照样有效。
加密的 m3u8 流怎么处理?
大白话:自带一把能拆 AES-128 加密(一种给视频分片加锁的机制)的钥匙。js/m3u8.js内置了从 hls.js 分离出来的AESDecryptor解密模块,自动解析清单、列出所有 ts 分片,还能手动填 16 进制或 Base64 密钥,按范围合并成 mp4。
数据会上传服务器吗?
不会。解析、解密、合并全在浏览器本地完成,代码里没有任何远程上传逻辑。
3分钟完成安装:商店、源码、CRX三条路怎么选
| 安装方式 | 适合人群 | 注意点 |
|---|---|---|
| 应用商店(Chrome / Edge / Firefox) | 绝大多数普通用户 | Firefox 版需非国区网络访问 |
| 源码加载(开发者模式) | 想研究代码、尝鲜新版 | 先git clone https://gitcode.com/GitHub_Trending/ca/cat-catch,再到扩展管理页开"开发者模式",点"加载已解压的扩展程序"选中文件夹 |
| CRX 拖拽 | 内网环境、批量部署 | 同样先开开发者模式,把 crx 拖进扩展页面即可 |
版本提醒一句:扩展要求 Chromium 内核 93 以上,功能完整体验建议 104+。
最后一步验证:打开任意一个带视频的网页,点工具栏猫爪图标。弹出面板里出现文件列表,说明一切正常。
完整走一遍:从打开网页到 mp4 落盘
场景:你找到一个在线课程视频,想存下来慢慢看。
- 打开面板→ 点扩展图标,切到"当前页面"标签,列表里就是本页抓到的全部媒体文件,每个文件都带大小和勾选框。
- 核对信息→ 选中目标文件,下方显示 MIME 类型、时长、分辨率、原始链接,确认没选错。
- 下载直连文件→ 点"下载所选",mp4 直接进浏览器下载目录,完事。
- 进阶:处理 m3u8 流→ 如果抓到的是 m3u8 地址,点搜索图标进解析器。界面会列出全部分片(示例页面是 64 片、总时长 10:34、1280x720),勾选"mp4格式",点"合并下载",拿到的就是一个完整视频,而不是一堆碎片。
进阶技巧:五个隐藏功能,把猫抓用满
- 深度搜索:资源藏在深层接口里时用,自动挖出隐藏的媒体地址;消耗资源,用完记得关。
- 录制脚本:直播或动态生成的视频,用
catch-script/recorder.js在页面里录制,可选码率、帧率,还能交给 ffmpeg 转码。 - 媒体控制:跨标签页管理所有正在播的媒体,"自动跳到缓冲尾"能加速追剧。
- 快捷键 + 自动下载:在扩展快捷键设置里绑"自动下载""清除列表",实现打开页面即抓取的流水线。
- 外部工具联动:支持 aria2 RPC(可填下载目录)、m3u8DL、在线 ffmpeg,下载大户直接把任务甩给专业工具。
想二次开发?js/目录下的m3u8.js、mpd.js(MPEG-DASH 流解析)都是现成参考;自定义识别规则看catch-script/search.js。
排障手册:这些坑我替你先踩过了
现象:链接复制到别处就失效→ 原因:播放地址带时效签名,几十秒就过期 → 解法:别复制链接,直接用解析器的"本地 m3u8"从浏览器缓存读取,2.7.0 起专为解决"一次性 URL"。
现象:合并出来全是花屏→ 原因:没拿到解密密钥 → 解法:先开"深度搜索"自动分析密钥;不行就在解析器"自定义 密钥"栏手动填 16 进制或 Base64,配合"偏移量 IV"。
现象:视频能播,列表里却没有→ 原因:页面没加载完,或动态加载延迟 → 解法:等几秒刷新面板;还不行就点面板底部"模拟手机",或开"录制脚本"兜底。
现象:列表杂项太多、文件名混乱→ 原因:页面里的图片、小文件都被捕获 → 解法:在设置里加过滤大小表达式(如>100 KB),或配置替换标签规则清洗文件名。
边界与合规:放心用,也要用得规矩
隐私方面:全部数据本地处理、本地存储,无远程上传逻辑。生态方面:代码以 GPL-3.0 协议开源,底层依赖 hls.js、mux.js、StreamSaver.js 等知名库,支持中、英、日、韩、俄、西、葡、土、越等 10 种语言,还支持"避免抓取列表"尊重网站屏蔽意愿。
最后提醒:猫抓只是工具,请只下载你拥有版权或已获授权的内容,遵守目标站点的 robots.txt 与服务条款。工具不分善恶,用得好才是好工具。
下次再遇到"看得见下不了"的视频,打开猫抓,四步搞定。
【免费下载链接】cat-catch猫抓 浏览器资源嗅探扩展 / cat-catch Browser Resource Sniffing Extension项目地址: https://gitcode.com/GitHub_Trending/ca/cat-catch
创作声明:本文部分内容由AI辅助生成(AIGC),仅供参考