企业官网建设流程全解析

猫抓 cat-catch：点 3 下把网页视频存成本地文件，M3U8 还能合并成 mp4

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

想存网页上的视频，右键是灰的，录屏又糊又慢？猫抓（cat-catch）是一个免费开源的浏览器资源嗅探扩展：它替你把页面发出的每一次网络请求都登记下来，把视频、音频等能存的内容整理成清单，点一下就落到本地。读完这篇，3 分钟内能拿到你的第一个文件。

先对号：这东西适不适合你

一句话定位：它是"帮你把网页里正在播的东西变成文件"的清单工具，不挑页面，只挑你是否有需要。

• 网课、讲座想离线反复看；
• 网页里的配乐、人声素材想单独存下来；
• 自己或已获授权的内容要做备份；
• 播放器背后到底加载的是什么地址，想看清。

不适合的场景也要说清：如果站点用加密、防盗链等手段明确保护资源，它变不出内容，别指望它绕开授权。

安装就 3 条路，装没装对一分钟就能确认

1. 应用商店：在 Chrome、Edge 或 Firefox 商店搜 "Cat-Catch"。商店里有塞过广告代码的"伪猫抓"，装之前先确认来源和官方一致。
2. 源码加载：克隆仓库https://gitcode.com/GitHub_Trending/ca/cat-catch，到扩展管理页打开"开发者模式"，点"加载已解压的扩展程序"选中文件夹。
3. crx 拖拽：下载 crx 文件后，开着开发者模式直接拖进扩展页面。

装完做一个验证动作：工具栏出现猫图标，点一下能弹出面板。哪怕面板里空空如也，说明扩展已经在工作。兼容性提一句：1.0.17 之后要求 Chromium 内核 93 以上，想功能全一点建议内核 104+。

主链路：从按下播放到文件落盘，就 4 步

1. 先让视频播几秒。嗅探不是猜，而是把真正经过页面的数据记下来——就像超市收银台，商品没过扫描仪，小票上就不可能有它。画面不出来，清单里自然没有它。
2. 点浏览器工具栏的猫抓图标。弹窗里就是当前页面识别出的资源，每条标着大小、格式、时长。
3. 先点"播放"预览一遍。确认内容对了再动手，别下错再等一遍。
4. 勾选要存的东西，点下载。

这个蓝白面板是日常主力：顶部有"当前页面 / 其他页面 / 媒体控制"三个标签，每条资源右侧是复制、预览、下载，底下一排"全选、反选、模拟手机、自动下载"管批量。整季课程勾"全选"再开"自动下载"，就可以去忙别的了。

为什么 m3u8 下下来打不开

新手最容易卡在这：不少网站把视频切成几百个小片段，用一个叫 M3U8 的索引文件串起来播。你直接下 m3u8，拿到的只是一份"菜单"。

打个比方：M3U8 像自助餐的菜单，把它拍照存下来不等于吃到了东西——得照着菜单沿餐台走一圈，把每份菜取回、装进同一个盘子（mp4），才是一顿饭。猫抓干的正是这件事：照着索引把每个片段逐一取回，拼成完整 mp4。

用法三步：

1. 在资源清单里复制那条 m3u8 链接；
2. 打开插件的 M3U8 解析器页面，粘贴进去；
3. 页面列出全部分片、总时长、分辨率，点"合并下载"收工。

比它更复杂的 DASH/MPD 协议也支持，MPD 一侧的解析逻辑在 js/mpd.js。

调参避坑：5 个值得动一下的地方

• 下载线程数：拉满会拖垮内存和磁盘，8~12 通常是甜区。
• 自定义密钥：m3u8 加密时填上密钥（16 进制或 base64 都行）自动解密；确定没加密就勾"跳过解密"。
• 下载范围：只想要前几分钟？直接选起止分片，不必整单全取。
• 只要音频：勾上后只导出音轨，抓网页配乐很顺手。
• 过滤大小：支持表达式，填>100 KB就能把一堆图标、缩略图从清单里滤掉。

高频疑问：清单是空的，先查这 3 个地方

Q：点了图标清单是空的，是不是坏了？多半不是。第一，让视频多播几秒——货没进仓库，送货单自然是白的；第二，用"深度搜索"扫一遍页面已加载过的数据；第三，刷新页面重播再来一次。

Q：M3U8 合并特别慢？先查线程数（回到 8~12），再查网络本身。分片一多，速度天然被带宽压着。新版对下载失败的分片会自动重试，中断不用整单重来。

Q："模拟手机"按钮是干嘛的？不少网站按设备返回不同源。点一下后面板按手机身份重新抓，手机版源往往是更容易直接拿的文件。

Q：安全和版权怎么处理？只下载你自己有版权或已获授权的内容；项目维护"避免抓取列表"，站长提 Issue 即可排除自家域名；所有数据都在本地处理存储，不上传任何服务器。

进阶入口：想读源码就从这 3 处进

• catch-script/catch.js：嗅探核心，资源识别逻辑都在这——想搞懂"它是怎么看见视频的"，读它。
• js/m3u8.downloader.js：分片下载与合并实现——想搞懂"怎么拼成 mp4"，读它。
• _locales/：全部多语言文案（中文、日文、韩文、俄文、西语、越南语都能切）——想参与翻译，从这里开始。

一句话价值：把"存一个网页视频"压缩成"点图标、勾选、下载"。今天的 5 分钟挑战：找一个带视频的页面，让它播起来，点一下猫图标，把第一条资源存进下载目录——剩下那些技巧，都会从这一次点击里长出来 🐱

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