news 2026/9/20 6:50:53

如何把网页视频存到本地:猫抓资源嗅探、M3U8 解析完整教程

作者头像

张小明

前端开发工程师

1.2k 24
文章封面图
如何把网页视频存到本地:猫抓资源嗅探、M3U8 解析完整教程

如何把网页视频存到本地:猫抓资源嗅探、M3U8 解析完整教程

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

想保存网页视频,点下载却被 403 挡回来;复制地址直接打开,又是黑屏?猫抓(Cat-Catch)是一款开源免费的浏览器资源嗅探扩展,边浏览边监听视频、音频与 M3U8/MPD 流媒体请求,把网页里的媒体一键存成本地文件,全程在浏览器内完成,不用装第三方下载器。

它能干什么:四个核心能力

一句话定位:把"只能看"的网页媒体变成"能选能存"。

  • 嗅探当前页面的媒体请求(mp4、m3u8、mpd、音频等),列出文件名、大小、类型;
  • 本地保存,内置下载器自动带上 Referer 等页面请求头,不容易被服务器拦截;
  • M3U8/MPD 解析器:TS 分段合并、加密流解密、按时间段选段下载;
  • 附带二维码生成、资源预览、自动下载、录制脚本等实用小工具。

从安装到第一次保存

本节直接回答"猫抓插件怎么用":装好 + 抓到 + 存下,一次讲完。

最省事的路径是应用商店:在 Chrome 网上应用店、Edge 加载项商店或 Firefox 附加组件商店搜索 "Cat-Catch" 安装。注意商店里有掺了广告代码的"伪猫抓",装之前核对开发者与版本号。想用源码体验最新版,一句带过:git clone https://gitcode.com/GitHub_Trending/ca/cat-catch,然后打开chrome://extensions/,开启"开发者模式",点"加载已解压的扩展程序"选中文件夹。兼容性看 manifest.json:要求 Chromium 93 以上(minimum_chrome_version即 93),完整功能建议 104+,更旧的浏览器需停留在 1.0.16。

第一次保存只有四步:

  1. 在页面把视频完整播放一遍——请求发起后嗅探才开始;
  2. 点浏览器工具栏的猫抓图标,弹出面板列出当前页面抓到的资源;
  3. 看后缀和大小,通常体积较大的 mp4 / m3u8 条目才是目标,点条目可看标题、时长、分辨率;
  4. 点下载按钮,走浏览器下载功能存到本地。链接需要请求头时,内置下载器会自动带上页面头信息,避免被拦。

列表为空说明媒体还没发起请求或走了缓存,刷新页面完整播放后再打开面板。

高频场景实战

M3U8 流 → 合并成 MP4

抓到的是 M3U8 时,它不是单个文件而是一份播放列表,视频被拆成几十段 TS。从功能入口打开 M3U8 解析器:分段全部列出来,下载后合并为完整视频;加密流会自动读取密钥地址与 IV,也可手动填自定义密钥和 IV;只想要某段时间就填起止范围选段下载,省流量。不想本地合并还有在线合并(交给 ffmpeg 页面)可选。

MPD(DASH)资源有对应解析器,能处理音视频分离的轨道。

📱 把资源丢到手机上看

想在手机上播或转发,用面板里的二维码功能:点一下生成资源链接二维码,手机扫码直接拿到链接,不用来回传文件。

批量保存连续剧集

存连续剧别一条条点:资源列表勾选全选或反选,一次批量下载,整套素材一次存齐。

用得上再看:过滤、批量与快捷键

都是可选项,不用就不管:

  • 过滤规则:设置页按后缀逐条配置(填不含"."的后缀只保留该类型,填 0 不过滤),可加大小条件(如只显示大于某值的文件),过滤广告与缩略图;
  • 正则筛选:资源列表的筛选框支持正则匹配资源 URL,回车确认;设置页带正则测试区,先用示例 URL 验证再保存;
  • 命令与快捷键:内置暂停/启用、自动下载、缓存捕捉、M3U8 解析器、清空、重启扩展、深度搜索、预览等命令,在chrome://extensions/shortcuts绑定按键,右键菜单同样能触发。

卡住了?看这里

现象:资源列表为空,或没抓到正在播的视频原因:请求尚未发起,或资源走缓存、动态加载。 处理:刷新页面完整播放后再开面板;仍抓不到就用"深度搜索"或"缓存捕捉"命令强制刷新重抓。

现象:M3U8 下载后视频有画面没声音原因:音视频是两条独立轨道,只下了一条。 处理:在 M3U8 解析器中选中对应音视频轨道合并,或分别下载两条流再离线合并。

现象:直接打开链接报 403 / 404原因:资源服务器校验 Referer 等请求头,拒绝无头请求。 处理:别直接打开链接,改用插件内置下载器页面带页面头信息下载。

现象:更新后功能异常、命令不生效原因:扩展没重新加载,或 Chromium 低于 93 不支持新版 API。 处理:扩展管理页点"重新加载";浏览器太旧就回退 1.0.16。

动手前必须知道的几件事

  • 版权自负:猫抓只用于下载你拥有版权或已获授权的内容,未经授权下载受保护内容,法律责任由使用者自行承担;
  • 站点可拒绝抓取:网站运营者可在项目仓库提交 Issue(标题格式[Opt-Out Request] 你的域名,正文附域名与联系邮箱),核实后该域名会进入"避免抓取列表";
  • 隐私干净:所有信息本地存储处理,不发送到任何远程服务器,不含跟踪器。权限声明可在 manifest.json 逐条核对。

深入代码

想读源码排查问题,从这些入口进:

  • catch-script/:嗅探主脚本,资源捕获、深度搜索与录制逻辑
  • js/:面板与功能页,后台、M3U8/MPD 解析器、下载器实现
  • _locales/:多语言语言包(中、英、日、韩等)
  • manifest.json:插件配置,权限、命令与最低浏览器版本

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

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

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

Three.js加载器全解析:从基础使用到高级优化

1. Three.js加载器深度解析:从基础到高级应用作为一名长期使用Three.js进行Web3D开发的工程师,我深知资源加载是项目开发中最关键的环节之一。本文将系统性地介绍Three.js中的各类加载器(Loaders),分享我在实际项目中积…

作者头像 李华
网站建设 2026/9/20 6:43:54

把 Codex 的 Base URL 改到 TaoToken 之后,再装 Codex Dream Skin

/* MD / 富文本中的 .toc(含博客园搬家等嵌套结构);.toc-box 在侧栏,不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p(:empty 仍占 20px),一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views …

作者头像 李华
网站建设 2026/9/20 6:41:57

自建开源研究流水线:从信息采集到知识输出的完整设计

1. 拆解OpenResearch:一套开源研究流水线的设计思路OpenResearch这个词,听起来像是某个大厂的内部代号,但对我来说,它其实是一个更朴素的东西:一套完全由开源工具拼起来的个人研究操作系统。我大概是去年年底开始动手搭…

作者头像 李华
网站建设 2026/9/20 6:41:12

打造AI编码工具共享记忆中枢:Claude、Codex、Cursor统一决策

如果你同时用 Claude Code、OpenAI Codex 和 Cursor 写代码,迟早会遇到这样的场面:上午用 Claude Code 定下来缓存层用某个方案,下午切到 Cursor 问同一个问题,它像完全没参与过一样重新讨论;再过两天 Codex 又给出了第…

作者头像 李华