三亩地 三亩地SAN MU DI · CODE DIARY
ARTICLE DETAIL

日记详情

真实记录编程学习的某一天,欢迎挑你感兴趣的翻一翻。

猫抓资源嗅探工具通关指南:10分钟从0到1搞定网页视频下载

猫抓资源嗅探工具通关指南:10分钟从0到1搞定网页视频下载

猫抓资源嗅探工具通关指南:10分钟从0到1搞定网页视频下载

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

你是否经历过这样的时刻:网页视频流畅播放,却找不到任何下载入口;好不容易发现的音频素材,右键菜单里只有一个"播放"。猫抓(cat-catch)是一款免费开源的浏览器资源嗅探工具,装进 Chrome、Edge、Firefox 之后,它会把当前页面出现过的视频、音频、图片统统列成清单,让你一键保存。接下来我们用"闯关"的方式,在 10 分钟内从安装一路走到进阶。

序章:先认识这位"资源捕手"

猫抓不是某个下载按钮的替代品,它更像一张覆盖整个网页的"资源雷达":只要页面加载过的媒体内容,几乎都会被它记录下来。它的特点可以概括为这几点:

  • ✅ 自动建档:打开任意页面,出现过的视频、音频、图片、字幕都会自动进入资源清单
  • ✅ 直击流媒体:m3u8、DASH(MPD)这类"切片式"视频也能拆开、重组、合并
  • ✅ 预览先行:下载前先播放确认内容,避免白费流量和时间
  • ✅ 跨端接力:生成二维码,扫码就能把资源链接送到手机上
  • ✅ 本地处理:所有数据只在本机流转,不上传服务器,也不含任何跟踪器

整个工具最核心的嗅探引擎位于catch-script/catch.js,界面逻辑集中在js/目录,想深挖原理的朋友可以直接翻阅源码。

第1关:装好"捕手",三选一(2分钟)

安装方式有三种,总有一种适合你。

方式一:应用商店一键安装

在 Chrome、Edge 或 Firefox 的扩展商店里搜索 "cat-catch",点安装即可,这是最省事的路径。

方式二:源码手动加载

执行git clone https://gitcode.com/GitHub_Trending/ca/cat-catch拉取代码,然后在浏览器的扩展管理页面打开"开发者模式",选择"加载已解压的扩展程序",选中项目文件夹即可。

方式三:CRX 文件拖入

下载发布版本的 CRX 文件,同样先开启"开发者模式",再把文件直接拖进扩展管理页。

一个小提醒:新版本要求 Chromium 内核 93 以上,想要体验完整功能,建议使用 104 以上版本。

第2关:第一次出手,把当前页面的资源"捞"上来(3分钟)

安装完成后,试着走一遍最基本的嗅探流程:

  1. 打开一个包含视频或音频的网页,先让它完整加载,最好直接开始播放
  2. 点击浏览器工具栏上的猫抓图标
  3. 在弹出的面板里查看捕获到的资源清单

面板顶部有"当前页面""其他页面""媒体控制"几个标签页,切换即可查看不同来源的媒体文件。

上图是资源嗅探工具的主面板:左侧是捕获到的视频文件清单,右侧显示标题、类型、时长、分辨率等详情,底部一排按钮覆盖了下载、复制、全选等常用操作

资源找到后,管理也很省心:选中多个文件,"下载所选"可以一次保存;"复制所选"把链接打包带走;想按格式筛选,直接用列表上方的过滤条件即可。

这里还有一个容易被忽略的小机关——"模拟手机"按钮:它会用手机浏览器的身份重新加载页面,很多网站会因此露出移动端专属的资源,有时画质反而更清晰。

第3关:啃下 m3u8 这块硬骨头(3分钟)

大量在线视频走的是 m3u8 协议:一段完整视频被切成几十上百个小片段,播放器边下载边播放。此时直接保存那个 m3u8 文件毫无意义,必须把所有片段抓齐再合并成完整视频,这正是猫抓的强项。

四步完成流媒体下载

  1. 拿到 m3u8 地址:从嗅探列表里直接复制,或打开页面的"检查"工具定位
  2. 打开 m3u8 解析器,粘贴地址并解析
  3. 核对分片列表,确认片段齐全
  4. 设置下载参数(线程数、是否合并、是否转 mp4),开始下载

这是资源嗅探工具的 m3u8 解析器界面:上方粘贴流媒体地址,中间列出几十个分片文件,下方提供合并下载、转 mp4、密钥配置、调用外部工具等高级选项

遇到加密视频怎么办

部分流媒体带有密钥保护,在解析器的高级设置里填入正确的密钥就能正常下载。还可以勾选"仅音频"只提取背景音乐,或用 FFmpeg 转码成更通用的格式,方便在其他设备上播放。

第4关:解锁进阶招式,专治疑难杂症

基础玩法过关后,这几个隐藏技能值得逐一尝试:

  • 深度搜索:资源藏在深层请求或缓存里找不到时,交给它再扫一遍
  • 缓存捕获:已经加载过的内容,直接从浏览器缓存里捞回来
  • 录制脚本:针对没有 src 属性的动态视频,先录制交互脚本,再回放捕获
  • 下载预览:不放心就先打开预览面板确认内容,再决定是否动手
  • 二维码接力:把链接生成二维码,手机扫码即可访问,配合 Edge Android 体验更佳
  • 右键菜单:在网页上直接右键,嗅探、解析等操作一步到位

这些功能的实现分散在js/catch-script/目录,例如录制相关代码在catch-script/recorder.js,媒体控制逻辑在js/media-control.js,进阶玩家可以按图索骥。

第5关:调校参数,让工具更顺手

打开设置页面,你可以把猫抓调教成最适合自己的形态:

  • 过滤规则:支持表达式写法,例如>100 KB<1 GB500-1000 MB,只显示符合大小范围的资源
  • 排序方式:开启倒序排列,最新捕获的资源自动排到最上方
  • 下载调度:调整并发线程与超时时间,在速度和稳定之间找到平衡
  • 外部工具:支持 aria2 RPC 并填写下载目录,也可调用 m3u8DL、FFmpeg 等第三方程序

多语言方面,猫抓内置了 10 种界面语言,配置集中在_locales/目录,切换后即时生效。

上图是资源嗅探工具的西班牙语界面。除了中文和英文,它还覆盖日、韩、葡、俄、土、越等多语言用户,国际化做得很到位

番外篇:新手最常问的四个问题

问:嗅探了半天,列表还是空的?

答:先让视频播放或拖动进度条,让资源真正加载出来;还不行就开启"深度搜索"再试一次。

问:下载完变成一堆小文件?

答:在 m3u8 解析器里勾选"合并下载",或直接转成 mp4 格式,一步到位。

问:提示解密失败?

答:多半是缺少密钥,去解析器的高级设置里补上 key 再试。

问:同时下载太多导致浏览器卡顿?

答:调低并发线程数,给浏览器留出余量。

尾声:放心用,也请克制用

隐私方面,猫抓的所有数据都在本地处理,不向任何服务器发送信息,代码完全开源,欢迎自行审查。使用上请记住一条底线:只下载你拥有版权或已获授权的内容,尊重创作者与平台的合法权益。如果你运营的网站不希望被嗅探,可以按项目文档提交[Opt-Out Request] 你的域名格式的 Issue,开发者会将其加入"避免抓取列表",这套机制体现了项目对版权保护的诚意。

到这里,10 分钟的闯关之旅就完成了:装好工具、嗅探资源、攻克流媒体、掌握进阶技巧,你已经能应对绝大多数网页下载场景。想继续深入研究的读者,可以从这些模块入手:

  • 资源嗅探引擎:catch-script/catch.js
  • 弹窗与交互界面:js/popup.js
  • m3u8 解析逻辑:js/m3u8.js
  • DASH/MPD 解析:js/mpd.js
  • 下载调度:js/downloader.js
  • 多语言配置:_locales/
  • 界面样式:css/

如果你觉得它好用,不妨给项目点个 Star;遇到问题或有改进想法,欢迎提交 Issue 一起完善。下一段值得保存的视频,就交给猫抓帮你抓吧。

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

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

← 返回列表