企业官网建设流程全解析

如何三步下载 m3u8 等网页媒体资源？猫抓资源嗅探扩展实战指南

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

猫抓 cat-catch 是一款开源的浏览器资源嗅探扩展，它把网页上出现的视频、音频、流媒体播放列表整理成可下载的列表，并能把 m3u8 流媒体拆分成片、合并成完整文件。所有识别和下载都在本地浏览器内完成，不经过任何第三方服务器。

安装之后，打开任意包含媒体的页面、点击扩展图标，嗅探就会自动开始；剩下的事就是选中目标文件、保存到本地磁盘。

🧩 网页媒体下载工具到底是什么

猫抓是运行在浏览器里（Chromium 系与 Firefox 均可）的媒体资源捕获扩展，原理是拦截页面发起的网络请求，把其中的媒体文件筛出来。核心能力可以归纳为四点：

• 资源嗅探：实时捕获当前页与其他标签页的请求，按媒体类型、大小、来源分组展示；
• 一键下载：支持单个与批量下载，文件名冲突时按模板规则自动处理；
• m3u8 解析：读取播放列表、列出分片，可合并导出为单个 mp4；
• 规则过滤：按大小、后缀、正则表达式设置过滤条件，只保留关心的资源。

📥 上手流程：安装、识别并完成第一次下载

1. 安装。应用商店有官方版本可直接安装；若从源码使用，克隆仓库后在浏览器扩展管理页打开“开发者模式”，选择“加载已解压的扩展程序”并指定扩展目录即可。注意 1.0.17 之后的版本要求 Chromium 内核 93 以上。

2. 识别。打开目标页面，点击猫抓图标弹出面板，嗅探随即开始（请求拦截逻辑见 js/background.js）。资源按类型、大小、来源列成清单，方便对比挑选；列表为空时，先播放一下视频再刷新面板。

3. 下载。选中目标资源点击下载，文件会存入本地下载目录；遇到 m3u8 这类流媒体地址，点击对应的解析入口，就进入下面一节要说的解析器。

⚙️ m3u8 解析器什么时候用得上，批量与过滤怎么用

普通的 mp4 直接下载就行，但大量流媒体站点使用 m3u8：整段视频被拆成大量 ts 分片，加一个索引用的播放列表，单下载播放列表是放不出画面的，这正是解析器的用武之地。打开页面上的 m3u8 入口后，它会读取播放列表并展示时长、分片数量等元数据；你可以选择合并全部分片，或只勾选某一段范围，合并后直接输出单个 mp4 文件。下载默认多线程进行，参数可在设置页调整，分片出错时会自动重试，实现细节见 js/m3u8.downloader.js。

除单条解析外，日常还有两项能力值得配合使用：

• 批量下载：页面资源较多时，可一次选中多条或全选后下载，扩展会按命名模板重命名，避免文件互相覆盖；
• 过滤设置：在设置页写入大小表达式（例如>100 KB、500-1000 MB）、正则表达式或后缀/类型规则后，无关的小请求就不会进入列表，挑选目标更省眼力。

适用人群：三类典型使用场景

内容创作者：剪辑时常需要收集参考素材或开放版权片段，嗅探原始文件比录屏保真度高，保存下来的视频保持原分辨率与原码率。

在线课程学习者：课程页多为流媒体格式，经解析器合并后变成本地文件，离线复习不再受平台播放限制。

前端工程师与测试人员：调试页面媒体加载时，资源列表直接给出请求地址、大小与类型，比在 DevTools 网络面板里逐条翻找更直观。

避坑指南：三个高频问题的现象与解法

识别不到 m3u8 或视频资源怎么办

现象：打开面板后资源列表为空，或缺少目标文件。原因：不少站点只有在播放器开始播放时才发出媒体请求，也有地址是延迟加载或藏在 iframe 里。解决：先把视频播放到中段再刷新面板；仍缺失时执行“深度搜索”分析页面内的媒体地址，或用“媒体控制”枚举当前可操控的播放器。

m3u8 下载慢或中途失败怎么办

现象：大体积视频下载耗时很长，或个别分片反复失败。原因：线程数与可用带宽不匹配，或分片 URL 本身失效。解决：在设置页调整线程数（默认 6），开启失败自动重试；本地部署了 aria2 的话，也可把任务提交到 aria2 RPC 由其接管下载。

下载下来的文件无法播放怎么办

现象：保存的文件播放软件不识别，或只是文本样式的播放列表。原因：抓到的是 m3u8 播放列表与裸 ts 分片，未经合并无法直接播放。解决：回到解析器勾选“mp4 格式”执行合并下载；其他特殊容器格式可借助工具页内的 ffmpeg 转换入口处理。

写在最后

猫抓把“找资源—确认—存本地”压缩成了面板里的三次点击，网页媒体下载与 m3u8 视频下载这两类最常见需求都能覆盖，且全程本地处理、无跟踪上传。下次遇到想保留的网页视频，先点开猫抓嗅探一遍，再决定要不要找其他办法。

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