企业官网建设流程全解析

猫抓 cat-catch 使用教程：浏览器资源嗅探与视频下载完整指南

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

猫抓（cat-catch）是一款开源的浏览器资源嗅探扩展，能自动筛出网页里正在加载的视频、音频和图片地址，适合保存在线课程、短视频、直播回放等场景。本文从安装讲到首次下载，再带你看懂 M3U8 分片流合并，全程不需要写代码。

项目定位：猫抓是什么、适合谁

一句话：它是住在浏览器里的资源筛选器，把页面上出现的媒体文件自动列出来，不用自己去翻开发者工具里的网络面板。

• 免费开源，兼容 Chrome、Edge、Firefox（Chromium 内核 93 以上，104 以上体验更完整）
• 和普通下载管理器的区别：不需要自己找资源地址，它盯着页面网络请求自动捕获
• 数据全部在本地存储和处理，不带跟踪，源码可以逐行审查

快速上手：6 步完成安装与首次下载

1. 获取代码：git clone https://gitcode.com/GitHub_Trending/ca/cat-catch
2. 打开扩展管理页（Chrome 为 chrome://extensions），开启"开发者模式"
3. 点击"加载已解压的扩展程序"，选中 cat-catch 目录完成安装
4. 打开要捕获资源的网页，点击工具栏里的猫抓图标
5. 在弹出窗口的"当前页面"标签中，勾选目标媒体
6. 点击"下载所选"，文件会进入浏览器的下载目录

功能详解：资源捕获、M3U8 解析与媒体控制

资源列表与在线预览：先看清楚再下载

能做什么：把页面里的媒体资源按"当前页面 / 其他页面"两个标签列出，每条直接标出文件大小、MIME 类型、时长和分辨率。怎么操作：打开弹窗后，点任意一条右侧的播放图标即可直接试播，确认内容没错再动手。带来什么效果：下载之前就能分清哪条才是目标视频、哪个清晰度，省掉反复试错。

资源捕获的核心逻辑在 catch-script/catch.js 中，它监听页面发出的网络请求，按媒体类型过滤出视频、音频和图片。

M3U8 解析器：分片流合并成完整视频

能做什么：专门处理 HLS（M3U8）流媒体，解析播放列表、列出全部 .ts 分片，并支持 AES-128 加密流的解密。怎么操作：粘贴 m3u8 地址，等自动解析出分片数、总时长和分辨率；加密的话在"自定义密钥"里填 16 进制或 base64 格式的 key；设置好下载线程数，点"合并下载"。带来什么效果：几十个分片自动合成一个能直接播放的 MP4，不用手动逐个下载再自己合并。

解析与下载的具体实现在 js/m3u8.js 和 js/m3u8.downloader.js，下载结果异常时可以先回头检查密钥有没有填对。

媒体控制：倍速、画中画与截图

能做什么：直接操控页面上的播放器，支持播放暂停、倍速、静音、画中画、全屏、截图、循环。怎么操作：切到"媒体控制 / 其他功能"标签，选中目标媒体，点对应按钮即可。带来什么效果：截图、画中画这类操作不用回到页面找控制条，弹窗里一次完成。

实战场景：两个真实例子

场景一：保存社交平台短视频

情境：刷到一条 28 秒的视频想存下来离线看，播放器上没有下载按钮。操作：打开视频页让它完整播放一遍，点开猫抓，在列表里勾选 1280x720 的那条 mp4（可以先点播放确认内容），再点"下载所选"。结果：文件落到下载目录，大小和列表一致，双击即可播放。

场景二：保存 M3U8 格式的课程视频

情境：课程平台的视频被切成大量分片，右键"复制视频地址"只能拿到单个分片的地址。操作：把 m3u8 地址贴进猫抓的 M3U8 解析器，解析后核对分片数量和总时长，设置线程数，点"合并下载"。结果：所有分片自动合成一个完整视频，点"打开下载目录"立刻能看。

常见坑与排错表

结尾：小结

猫抓把"找视频地址—下载—合并分片"三步压成了两三次点击，覆盖大多数网页视频和 M3U8 流媒体的离线保存需求。如果你经常需要保存在线课程或直播回放，值得装一个留在浏览器里。最后提醒一句：只保存、录制自己有权使用的内容，尊重内容创作者的版权。

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