news 2026/8/22 11:20:30

网页视频下载三步搞定:猫抓资源嗅探扩展与M3U8解析完整指南

作者头像

张小明

前端开发工程师

1.2k 24
文章封面图
网页视频下载三步搞定:猫抓资源嗅探扩展与M3U8解析完整指南

网页视频下载三步搞定:猫抓资源嗅探扩展与M3U8解析完整指南

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

你正跟着一段教学视频操作,它戛然而止,你想把它留下来——可页面上只有播放进度条,没有下载按钮,右键播放器也只能存下一帧画面。搜"视频下载站",等来的多半是付费墙和弹窗广告。

猫抓(cat-catch)是一个开源的浏览器资源嗅探扩展,专为想把网页里的视频、音频、图片存下来的普通人设计:装好后点一下工具栏图标,当前页面所有真实资源地址都会列在清单里。这篇指南带你从安装走到 M3U8 解析。

嗅探并保存一个网页视频

可以把它想象成蹲在网络路口的岗亭:网页加载时,每一个视频、图片、音频请求都得从这里过。岗亭只做一件事——翻翻每个请求的"通行证"(响应头),给媒体文件做标记并记进台账。台账全程留在你自己的浏览器里,不会发往任何服务器。

操作步骤:

  1. 打开含视频的网页,等页面加载完成,必要时先播放几秒。
  2. 点击浏览器工具栏的猫抓图标,嗅探面板打开,"当前页面"标签列出已捕获的资源。
  3. 按文件大小定位目标(体积大的更可能是完整视频),点击条目查看标题、MIME 类型、时长、分辨率和完整资源地址。
  4. 用面板下方的内嵌播放器试看,确认是你要的那段,避免下错文件。
  5. 勾选复选框,点击"下载所选",文件开始保存。

面板底部的"复制所选""全选""反选""清空"负责批量操作:整套课程想一次收齐,先全选再统一下载就行。清单太乱时看详情里的 MIME 类型,video/mp4是直连视频,application/vnd.apple.mpegurl是分段流,需要走下一章的解析器。捕获清单由后台服务js/background.js汇总生成,理解代码时可以从这里入手。

捕获不到资源的常见卡点

  • 面板是空的:页面没加载完,或视频点开播才发起请求,先点播放再回来看面板。
  • 地址带时效参数:部分 CDN 链接会过期,失效后重新嗅探一遍即可。
  • 列表里少了资源:点面板的"深度搜索"按钮,能捞出常规嗅探没覆盖到的部分。

批量下载网页图片素材

收集参考图时,打开素材较多的页面(灵感合集、图片博客),在列表里逐个勾选目标图片,点"下载所选"批量保存;整页都要就用"全选"配合"反选"剔除杂项。

小图标刷屏的页面,去设置页加一条大小过滤规则,比如>100 KB,小按钮和图标会自动被筛掉。大小表达式支持比较和区间写法,如500-1000 MB。除大小外,过滤规则还能按后缀、MIME 类型或正则匹配 URL,设置页自带正则测试框,存规则前先验证表达式能命中目标地址。

过滤不生效怎么办

  • 检查规则开关:每条过滤项有独立开关,规则写了但开关没开等于没设。
  • 文件名想更整洁:设置页可以开启"使用网页标题做文件名",省去一串哈希名的麻烦。

解析加密的 M3U8 长视频并合并成 MP4

M3U8(本质是一个写着所有视频分片地址的目录文件)把长视频拆成几百个 TS 小分片,边下边播。只存下 m3u8 文件,等于只拿到目录没拿到书。

操作步骤:

  1. 在资源列表里点击 M3U8 文件,打开内置解析器。
  2. 解析器自动拉取完整分片列表,顶部显示文件总数、总时长、分辨率和预计大小。
  3. 设置下载线程数,下载范围保持默认,勾选"mp4格式"并点"合并下载",把分片拼成一个文件。
  4. 流带加密时,解析器会先尝试自动应用解密参数;失败就在"自定义密钥"区手动输入密钥,支持 16 进制或 base64。
  5. 对速度要求高,点"复制M3U8DL命令"把任务交给 M3U8DL、Aria2 等外部下载器。

解析器常用参数

参数调整什么
下载线程数并行拉取的分片数,网络不稳就调低
下载范围只取第几到第几分片,长片截取某段时用
只要音频丢弃视频轨,仅保存声音
跳过解密关闭自动解密,排查密钥问题时用

合并失败的排查顺序

  • 下载中途断开:解析器内置自动重试,仍失败就降低线程数再跑。
  • 合并后花屏或无声:十有八九是密钥问题,手动填入 key 重试。
  • 资源是 MPD 地址(DASH 协议的目录文件):用扩展的 MPD 解析页走同样流程。

解析器实现见js/m3u8.js,外部下载器的命令模板在js/templates.js,想改行为可以从这两处看起。

捕获移动端专属资源和动态内容

不少网站只在移动端加载高清流或专属入口:

  1. 点面板底部的"模拟手机",让请求以移动端身份发出,重新加载页面。
  2. 移动版才出现的资源会随之出现在捕获列表里。
  3. 资源要经过一连串点击才生成的,点"录制脚本"记录操作序列,回放即可自动捕获。

看 WebRTC 直播的话,面板提供"录制webRTC"入口,录制逻辑在catch-script/webrtc.js中。

快速查阅:安装方式、兼容性与常用设置

安装方式适合谁关键步骤
应用商店绝大多数人Chrome / Edge / Firefox 商店搜索"cat-catch"安装
源码安装开发者克隆仓库后,扩展页开启"开发者模式",加载已解压的扩展
CRX 包不便访问商店的人从项目发布页右键另存 CRX,开发者模式下拖入扩展页

源码安装用的仓库地址:

git clone https://gitcode.com/GitHub_Trending/ca/cat-catch
项目要求
Chromium 内核93 以上(1.0.17 之后),完整功能建议 104 以上
Firefox113 以上
界面语言简中、繁中、英、西、日、韩、葡、俄、土、越共 10 种
设置项解决什么
大小过滤小图标刷屏,表达式如>100 KB
自动下载固定资源每次自动保存
倒序排列最新捕获的资源置顶
URL 黑名单指定地址不参与嗅探

切换语言后,资源列表和 M3U8 解析器都会完整本地化:

版权、隐私与网站拒绝抓取

⚠️ 猫抓是开源项目,任何人都能下载代码重新打包上架,市面上已有夹带广告代码的"伪猫抓"。认准官方渠道,别从第三方站点装。

  • 只下载你拥有版权或已获授权的内容,抓取未授权的付费资源属于越界。
  • 全部嗅探与解析在本地完成,不含跟踪器,数据不上传任何远程服务器。
  • 运营网站不希望被抓取,可在项目仓库提 Issue,标题用[Opt-Out Request] 你的域名,附上域名和联系邮箱,官方会把域名加入避免抓取列表。

现在就去浏览器扩展商店搜"cat-catch",三分钟从安装走到捕获第一个网页视频。

核心关键词:浏览器资源嗅探扩展长尾关键词:网页视频下载教程、M3U8解析器插件、M3U8分片合并下载、网页图片批量下载、浏览器流媒体视频下载、猫抓资源嗅探扩展安装

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

创作声明:本文部分内容由AI辅助生成(AIGC),仅供参考

版权声明: 本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若内容造成侵权/违法违规/事实不符,请联系邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
网站建设 2026/8/22 11:20:21

从零训练微型大语言模型:Horus-runtime框架实战与Transformer原理详解

想训练自己的大语言模型,但被动辄数十亿参数、需要几十张A100的“炼丹”门槛劝退?觉得开源模型虽好,但总想亲手从零开始,理解Transformer的每一个细节?如果你有这些想法,那么今天介绍的这个项目&#xff0c…

作者头像 李华
网站建设 2026/8/22 11:19:53

算法修炼入门:从数据结构到经典算法的“练气八层”核心指南

1. 从“练气”到“筑基”:算法学习的阶段论最近在社区里看到不少朋友在讨论“算法修炼”,尤其是“练气篇”这个概念,觉得很有意思。这其实是一个很形象的比喻,把学习算法比作修真,从练气、筑基到金丹、元婴&#xff0c…

作者头像 李华
网站建设 2026/8/22 11:19:22

android-笔记-OpenCV-2 问题

1.问题(导入opencv包后出现此问题) 在工程中导入现有model(OpenCV4.5.2包种) 出现错误 Namespace not specified. Specify a namespace in the modules build file. See https://d.android.com/r/tools/upgrade-assistant/set-nam…

作者头像 李华
网站建设 2026/8/22 11:19:20

2026年乌鲁木齐PLC培训选哪家

乌鲁木齐PLC电气自动化编程培训学校行业分析行业痛点分析在乌鲁木齐,PLC电气自动化编程培训领域面临着诸多挑战。数据表明,近60%的青年因文化课基础薄弱,高考失利后缺少升学系统路径;超过50%的大学毕业生求职困难,缺乏…

作者头像 李华
网站建设 2026/8/22 11:15:02

HoRain云--Swagger 文档实例

以下是一个完整的 Swagger 文档示例,是一个用户管理系统 API 的详细规范。 这个文档描述了一个用户管理系统的API,包含了用户的基本信息、认证服务、数据模型等。 该 API 遵循 RESTful 风格,使用 JSON 格式进行数据交换。 我们可以使用 Sw…

作者头像 李华