企业官网建设流程全解析

猫抓浏览器插件：3步把网页视频存到本地

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

打开网课页面，视频放一下，点工具栏的猫头图标，视频文件就躺在列表里了，点一下就进了下载文件夹。这是猫抓插件，一个开源的资源嗅探扩展，把页面加载过的资源抓出来交到你手上，网页资源下载不用再去翻F12。

应用商店一键安装，顺带完成第一次下载

装它最省事的路是应用商店。Chrome 用户在应用商店搜“猫抓”，Edge 用户在加载项商店搜同名插件，Firefox 商店里也有，不过商店访问要非国区网络。提个醒：README 里特意说了，市面上有塞了广告代码的伪猫抓，装之前确认一下是不是官方那个。

想折腾的话还有两条路，一句话带过：源码安装就是把仓库拉下来（git clone https://gitcode.com/GitHub_Trending/ca/cat-catch），在扩展管理页打开开发者模式，用“加载已解压的扩展程序”选中文件夹；crx 安装则是从 Releases 下载文件，直接拖进扩展页面。

装好后验证一下：打开一个带视频的页面，让视频播个几秒，再点工具栏的猫头。弹窗里会列出抓到的资源，任选一行，点下载，文件就落到浏览器的下载目录。到这里，第一遍就打通了。

怎么用资源列表：筛选、预览、下载一条动线

点开弹窗，当前页面的资源按视频、音频、图片等类型分组排列，每行能看到文件名和大小。资源多的时候，在顶部搜索框敲几个字，列表跟着过滤，比肉眼找快得多。

下载前花两秒预览一下不亏：点资源行上的播放图标，会弹一个小播放器，播几秒确认内容没错再下载，省得下错了再删。

要多个文件就别一个个点了。用“全选”批量勾选，或者“反选”留下想要的，再点下载一次带走。

M3U8 是这条动线里最容易卡住的地方。这类流媒体文件本身只是个索引，直接下载拿到的是一小段文本，真正的视频在 TS 分片里。猫抓为此单设了 M3U8 解析器页面：把 m3u8 地址贴进去，加密的流能解 AES-128，还能选“在线合并”，把分片拼成能直接播的 MP4 再下载。合并的实现在 js/m3u8.downloader.js，对这块好奇的话可以从这里看起。

列表里资源不全时，试试两个按钮：“深度搜索”和“缓存捕捉”，它们负责捞出第一遍没抓到的东西。这两项背后的嗅探逻辑在 catch-script/ 里。

几个常见用法

网课、回放这类流媒体视频

我常用的组合是：页面播一遍，列表里找到 m3u8 那行，不直接下，而是丢进 M3U8 解析器，勾上在线合并，最后拿到手的是完整 MP4。加密课程也是同一条路，AES-128 的它自己能解。

素材图片批量收

打开一个素材站页面，用搜索框把范围缩小到某类图片，剩下的用“反选”把不想要的去掉，一次批量下载。配合设置里按大小过滤的规则，那种一两千字节的小图基本不会混进来。

手机上接着用

Edge Android 上也能装猫抓，扫一下 README 里给的二维码就行：

电脑上找到资源、手机上扫码继续，跨设备的活儿能接着干。

省时间的几个设置

快捷键方面，插件内置了暂停/继续、自动下载、深度搜索、清空、预览、M3U8 解析器、重启等一系列命令，在浏览器的“扩展快捷键”设置页里给它们绑上键，比伸手点鼠标快一截。

设置页里最值得动的是抓取规则：可以自定义抓哪些后缀、哪些类型，每类都能设最小尺寸过滤。把视频的最小尺寸设个阈值，广告图、缩略图这类小文件就不会再污染列表。

再往深处，设置页还有自动下载、Aria2 RPC、发送到 ffmpeg、MQTT、JSON 格式化、MPD 解析这些条目，用到哪条看哪条，不用一次看完。

浏览器版本要求：

搞不定时看这里

有的视频检测不到？常见三种情况：视频还没播，资源就没加载，先点播放；站点保护做得凶，试试“深度搜索”“缓存捕捉”，或者“模拟手机”换个 UA 再刷一遍；浏览器版本低，按上面表格升到 104 以上。

下载下来的 m3u8 是个小文件？那下的是索引。回 M3U8 解析器页面走一遍合并，再下载。

数据安全吗？抓到的数据全部在本地存储和处理，不上传，代码里没有跟踪器，GPL 开源，想审可以自己翻。最后多说两句版权的事：只保存你自己有权获取的内容，付费和受版权保护的东西别碰；网站方如果要求不被抓取，项目也留了 opt-out 的提交流程。

猫抓属于“装上就会用”的那类嗅探工具，不炫技，但省掉了翻 DevTools 的功夫。保持浏览器在 104 以上，只存自己有权存的内容，然后挑一个视频页面去试它。

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