企业官网建设流程全解析

猫抓资源嗅探扩展：把网页视频、音频、M3U8 流一次抓下来的完整教程

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

网页里的视频为什么总存不下来？大多数时候，问题不在播放器，而在于你没抓住它走过的网络请求。猫抓（cat-catch）就是干这件事的资源嗅探扩展：它挂在浏览器后台，把页面里播过的视频、音频、图片筛出来，连同文件名、大小、时长、分辨率一起列给你，选中就能下载。装完之后，网课里的 MP4、页面的背景音乐、参考图，都能按自己的节奏落进硬盘。

装好猫抓，抓到第一批网页资源

前置条件很简单：一台装着 Chrome、Edge 或 Firefox 的电脑。两条路可选。

• 商店直装：在浏览器扩展商店搜"猫抓"，认准官方条目安装即可，最省事。
• 源码加载：想自己编译时，先把代码拉下来，再进"扩展管理"页打开"开发者模式"，点"加载已解压的扩展程序"，选中文件夹就行：

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

完成标志是工具栏出现猫抓图标。接下来打开目标网页，等资源加载完再动手；懒加载的站点最好让视频播上几秒，能多抓到几个分片。点开图标，弹窗里就是当前页面嗅探到的全部媒体资源，底部一排按钮是"下载所选 / 复制所选 / 全选 / 反选 / 清空"，另有"模拟手机""自动下载""录制脚本""设置"。勾上目标文件，点"下载所选"，文件就按系统默认位置存好了。

顶部三个标签页分别是"当前页面""其他页面""媒体控制 / 其他功能"，还能用正则表达式和扩展名做二次筛选，列表一下子就能收敛到你想要的那几条。

猫抓能抓到的媒体范围：视频、音频与图片

它按三类资源分别处理，每类的附带信息也不一样：

• 视频：支持 MP4、WebM、M3U8、MPD（DASH 流媒体）。列表里能直接看到文件名、大小、时长、分辨率，还能在线预览确认后再下。
• 音频：支持 MP3、AAC、OGG、WAV。带文件名、大小、时长，支持在线试听。
• 图片：支持 JPG、PNG、GIF、WebP。带文件名、大小，可在线预览。

落地的场景很直接：网课里嵌的 MP4 单独下下来离线看，页面背景音乐拎出来另存，一组参考图一次勾走批量保存。想确认抓到的到底是哪段内容，先点预览再看，能避免存错文件。

HLS 流媒体：M3U8 分片的合并下载配置

有些站点走的是 HLS 协议，整段视频被切成上百个 TS 小片段，再用一份 M3U8 索引串起来播。这种时候普通下载器只能拿到那份索引，点开是空的，真正的画面全散在分片里。猫抓把这件事拆成几步走：

1. 把.m3u8地址贴进"m3u8文件地址"输入框（一般能在开发者工具的 Network 面板里翻到），点"解析"，界面会报出分片总数、总时长、分辨率。
2. 按分片勾选要保留的部分，底部"下载线程数"默认是 32，带宽富余时可以往上抬，网络一般就保持默认。
3. 流加密了就在"自定义 密钥 16进制 或 base64"里填密钥；不想留画面就勾"只要音频"，切到 mp4 格式输出。
4. 点"合并下载"，浏览器端在线把完整 MP4 拼出来。

容错上留了后手：能从浏览器缓存直接读数据，绕开一次性链接失效的问题；"跳过解密"可以剔除异常分片；失败的任务还能重试、重新下载。走 DASH 协议的 MPD 解析器同样是现成的，入口在 mpd.html。核心逻辑想看源码的话，M3U8 解析器 就是主战场。

猫抓嗅探资源的底层逻辑

视频既然能在页面里播出来，数据就一定经过了浏览器。猫抓在后台监听这些网络请求，拿文件后缀、Content-Type 和 URL 特征去匹配，命中就记进本地清单。嗅探的入口写在 js/background.js。所有信息只在本地储存处理，不往任何服务器传，也不带追踪器，这点在隐私上比较省心。

三个能明显顺手的细节：

• 过滤大小：填>100 KB、500-1000 MB这类表达式，小图标和广告图压根不进列表。位置在设置页"过滤大小"一栏。
• 下载线程：M3U8 解析器底部的"下载线程数"，带宽宽裕时调高能提速，平时保持默认即可。
• 文件名模板：设成"网站_标题_日期"这类规则，批量下完不用逐个改名，对应配置在 选项页 里。

顺带一提，媒体控制能跨页面做倍速、画中画、截图；录制脚本可把网页视频流录下来；还有 JSON 格式化、模拟手机 UA、深度搜索、Aria2 联动，界面覆盖中、英、日、韩、俄、西、葡、土、越九种语言。

适合谁用，以及一条提醒

高频刚需的，大致是三类人：记网课的学习者、收集素材的剪辑和设计师、偶尔要调试网页的前端与运维。装它不费事，学会那几步就能一直用下去。

最后一句必须说在前面：只下载自己拥有版权或已获授权的内容，别拿它去抓别人的版权素材。装好之后，翻出那个存了很久的页面，点一下工具栏的猫抓图标就行。

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