猫抓浏览器资源嗅探教程：网页视频存到本地，只需点几下
【免费下载链接】cat-catch猫抓 浏览器资源嗅探扩展 / cat-catch Browser Resource Sniffing Extension项目地址: https://gitcode.com/GitHub_Trending/ca/cat-catch
上个月做汇报，我想把一个网页上的三分钟演示视频存下来放进 PPT。右键"视频另存为"没反应；照着教程打开开发者工具找地址，翻了几十行还是一头雾水。同事看我卡壳，丢给我一句话：
"点工具栏那个猫爪图标，页面上的视频、音频、图片全在下面列好了。"
我半信半疑地试了试：装好的猫抓浏览器资源嗅探扩展，打开视频页面点一下图标，列表里整整齐齐排着几个 mp4，勾选后点"下载所选"，全程不到一分钟。猫抓是一款免费开源的浏览器扩展，能嗅探当前页面的媒体资源、列出下载，还自带 M3U8 解析器把分片流媒体自动合并成一个完整文件。下面说说它的实际用法。
两分钟装好猫抓插件
- 应用商店安装：在 Chrome 或 Edge 扩展商店里搜"猫抓"，点"添加到浏览器"就算完事；Firefox 也有官方入口。
- 源码安装：适合喜欢自己动手的朋友，先克隆仓库：
git clone https://gitcode.com/GitHub_Trending/ca/cat-catch然后在扩展管理页打开"开发者模式"，点"加载已解压的扩展程序"选中目录即可。
- 兼容性：1.0.17 版本之后要求 Chromium 内核 93 以上；低于 93 的浏览器请用 1.0.16，功能照样够用。
点一下猫爪图标，页面的音视频一览无余
打开带视频的页面，点工具栏的猫爪图标，插件会把当前页面能嗅探到的资源全部列出来。
这个列表的信息给得挺全：
- 每项显示文件名、大小、MIME 类型，视频还会带时长和分辨率
- 点中某一项会展开内置播放器，下载前先预览确认
- 顶部标签分"当前页面"和"其他页面"，别的标签页抓到的资源也能看
下载时勾选想保留的文件，点"下载所选"；只想要链接就点"复制所选"。底部还有筛选栏，支持正则筛选和按大小过滤，大小条件可以写>100 KB、=500 KB这类表达式。
如果列表是空的，多半是页面内容还没加载完——先刷新、等视频出现后再点图标；再不行就点面板里的"深度搜索"再全面扫一遍。
分片 M3U8 视频，解析器自动合并下载
很多流媒体网站不给完整的 mp4，而是把视频拆成几十个 ts 小切片。一个个手动下载再拼接太折磨人，这正是猫抓 M3U8 解析器出场的地方。
把 m3u8 地址贴进去，解析器会显示文件总数、总时长、分辨率，下面是完整的切片列表。常用设置：
- 下载线程：控制并发数，默认值就够用
- 下载范围：只下载部分切片，比如视频里只需要某一段
- mp4 格式：勾上后合并完直接输出 mp4
- 失败自动重试：切片下载出错会自动重下，提高成功率
如果下载下来的视频没有声音，通常不是插件坏了，而是网站把音频和视频分开传输，在解析器里把对应流勾上再合并下载即可。解析逻辑在 js/m3u8.js，下载实现在 js/m3u8.downloader.js，代码写得清楚，想研究原理值得翻一翻。
顺带值得一试的周边能力
- 媒体控制：倍速、播放暂停、画中画、全屏、当前帧截图，直接操控页面里的视频
- 视频录制 / 录制 WebRTC / 屏幕捕捉：把"屏幕上正在播的"录下来存住
- 模拟手机：换用移动端 User-Agent，有些站点只给移动端才返回资源
- 数据发送：把选中的资源发给本机 Aria2、MQTT 服务器，或第三方 m3u8DL 下载器，还能发往在线 ffmpeg 转码
- JSON 格式化：接口 JSON 快速格式化查看，前端调试时顺手
- 右键菜单：2.7.0 新增，对链接直接调出猫抓
插件还支持全局屏蔽列表——有些站点不希望被嗅探，可以申请加入"避免抓取列表"，这一点做得挺规范。
几个常见的坑
- 资源列表为什么是空的？页面还在加载。刷新、等视频出来后再点图标；仍不行就用"深度搜索"。
- 下载的视频没有声音？音视频分离传输，用 M3U8 解析器合并下载。
- 小心"伪猫抓"。猫抓完全开源，市面上出现过被塞广告代码的修改版。只从应用商店官方页面或项目源码安装，别来路不明的安装包。
- 老浏览器跑不起来？新版要 Chromium 93 以上，低于这个版本退回 1.0.16。
用了一阵之后
| 之前 | 之后 |
|---|---|
| 右键没反应、翻开发者工具找地址 | 点图标，勾选即下载 |
| 分片视频手动逐个下载再拼接 | M3U8 解析器自动合并 |
| 想留素材只能截图、录屏 | 直接提取原文件，还能发送到本地 |
插件的数据全部在本地存储处理，不含跟踪器，用得比较安心。遇到强加密或 DRM 保护的内容它依然没辙，但日常场景下省时是真的省。
最后照例提醒一句：只在你有权限、或内容本身允许下载的地方使用它；别人的付费内容，还是尊重一下创作者。
【免费下载链接】cat-catch猫抓 浏览器资源嗅探扩展 / cat-catch Browser Resource Sniffing Extension项目地址: https://gitcode.com/GitHub_Trending/ca/cat-catch
创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考
