如何把网页视频存到本地：猫抓浏览器资源嗅探插件完整上手指南-育师

如何把网页视频存到本地：猫抓浏览器资源嗅探插件完整上手指南

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

想保存网页上一个没有下载按钮的教程视频？我最近两周一直在用猫抓（cat-catch），一个开源的浏览器资源嗅探插件，它盯着页面发出的网络请求，把视频、音频、图片都列出来给你挑。下面是我用它干活时的实际操作记录。

猫抓是什么，适合谁用

猫抓本质是资源清单工具而不是下载器：catch-script/ 目录下的脚本会注入到每个页面，记录页面加载过的媒体地址，点工具栏图标就能看到列表。它不碰视频本身，负责的是帮你"找到并确认"文件。

适合经常从网页取内容的人：课程视频、直播回放、图集页。不适合完全不想动手的人——列表里常混着几百条请求，需要自己用筛选条件挑一下。

覆盖面方面：普通 MP4、HLS（M3U8，一种把视频切成小片再按列表顺序播放的格式）分片流、DASH（MPD）流都能识别，内置预览播放器、筛选、自动下载，另有 m3u8 解析器把分片拼回完整文件。逻辑都写在 js/ 和 catch-script/ 里，明明白白。

30秒装好猫抓插件

最省事的路线是商店安装：Chrome 和 Edge 的应用商店搜 "cat-catch" 直接装；Firefox 版在附加组件商店有（需要非国区网络）。装完把图标固定到工具栏就完事。

想要最新版或想改代码，就克隆源码，在扩展管理页打开开发者模式，点"加载已解压的扩展程序"选中文件夹：

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

不想装 git 的话，仓库 Releases 页也有 crx 文件，拖进扩展页即可。

实操：三个真实任务

保存一个普通MP4

我在一个新闻网页上打开猫抓，弹出面板的"当前页面"标签下立刻列出 4 个 mp4，每行显示文件名和体积。展开其中一条，能看到标题、MIME 类型、时长 00:28、分辨率 1280x720，下面还嵌了一个预览播放器——先确认内容没错，再点该行右侧的下载箭头。文件就落到浏览器默认下载目录，文件名即抓到的原始名。

M3U8分片视频怎么合并成MP4

课程平台的视频大多是 HLS 格式：页面里只有一个 .m3u8 播放列表，真正的画面被切成几十上百个 .ts 小片。猫抓的 M3U8 解析器（在面板的"功能入口"里）就是干这个的。把 m3u8 地址贴进解析框，页面随即显示"共 64 个文件，总时长 10:34，分辨率 1280x720"，展开切片列表能看到每一段的地址。

勾上"mp4格式"再点合并下载，插件依次取回切片并封装成一个完整 mp4。加密流可以填"自定义密钥/偏移量 IV"（支持 hex 或 base64）；下载范围改成 1-20 就只合并前 20 片。我试的几个站点，这一步基本不用额外配置。

按大小和扩展名批量筛素材

存图集时列表很吵：缩略图、图标、雪碧图全混在一起。我的做法是先用扩展名筛选只留图片，再在过滤框写大小条件，比如>100 KB。2.6.8 版起过滤支持表达式和范围，=500 KB、500-1000 MB这类写法都行（见 CHANGELOG.md）。剩下的大图基本就是正文素材，全选后点"下载所选"即可。

容易忽略的两个细节

一是"深度搜索"和"缓存捕捉"。有些页面把视频藏在 JSON 接口或缓存里，普通嗅探看不全；在"媒体控制/其他功能"标签页点深度搜索，脚本会翻一遍页面脚本和缓存，把藏起来的地址也列出来（Chromium 104+ 支持完整）。代价是页面可能变卡，用完记得关。

二是分享二维码：面板里可给资源生成二维码，手机扫一下就能看，适合"电脑上发现、手机上接着下"的场景。顺带一提，"媒体控制"页还能对页面视频做倍速、截图、音量调整，算顺手的小工具。

开始之前：版本、版权与隐私

Chromium 93 以下请装 1.0.16 老版本，想用侧边栏等新特性建议 104+。版权上它只解决技术环节，下载什么内容自己负责，只动自己有权访问的内容；网站方不希望在站点上运行，可在仓库提交 Opt-Out 请求加入屏蔽列表。隐私方面比较干净：数据本地存储处理，不上传服务器，无跟踪器，GPL-3.0 开源可审查。