企业官网建设流程全解析

三步用猫抓插件把网页里的视频和音频存下来：资源嗅探完整指南

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

打开一个网页，视频正在播放，你想把它存到本地——点右键？只有"复制视频地址"，而且多半是一个无效链接。怎么办？答案就在浏览器里：猫抓插件（cat-catch）是一款免费开源的浏览器资源嗅探扩展，它能自动侦听页面加载过程中的媒体请求，把视频、音频、M3U8 流等资源的真实地址列成清单，再提供预览、筛选和下载。下面的内容按"嗅到 → 挑中 → 落地"三步走，帮你把网页里的媒体资源稳稳存到硬盘上。

先把猫抓装进浏览器：三种安装方式

安装是第一步，按你的习惯三选一：

方式一：应用商店直接装（最省事）猫抓已上架 Chrome 网上应用店、Microsoft Edge 加载项商店和 Firefox 附加组件商店，搜索"猫抓 / cat-catch"即可。注意两点：Firefox 版本需非国区网络环境才能访问；由于猫抓是开源项目，商店里存在别人加了广告代码后上架的"伪猫抓"，安装前认准官方名称与作者，保护自己的数据安全。

方式二：源码加载（适合爱折腾的你）

1. 克隆仓库：git clone https://gitcode.com/GitHub_Trending/ca/cat-catch
2. 打开浏览器扩展管理页面，开启"开发者模式"
3. 点击"加载已解压的扩展程序"，选中刚下载的文件夹

方式三：CRX 文件安装从 Releases 页面把 crx 文件"右键另存为"到本地，开启开发者模式后，直接把文件拖进扩展程序页面即可。

Edge 的 Android 版本支持扫码安装，手机上看视频同样可以嗅探资源。

版本提示：1.0.17 之后的猫抓需要 Chromium 内核 93 以上，想要完整功能建议 104 以上；更老的浏览器请停留在 1.0.16。

装好之后，工具栏会出现猫抓图标。先别急着点它——接下来进入正题。

第一步：让猫抓"嗅"出页面上的资源

猫抓的核心逻辑很简单：你正常浏览网页，它在后台跟着页面一起"听"网络请求，凡是符合媒体特征的响应，都会登记进清单。核心嗅探逻辑就在 catch-script/catch.js 里。

具体操作只有两步：

1. 正常打开并播放：访问目标网页，最好让视频播上几秒、页面多滚动一些。资源是边加载边被捕获的，"闻过"的资源才会出现在列表里；一个什么都没加载的空白页，猫抓只会提示"还没闻到味儿"。
2. 点击工具栏猫抓图标：弹出面板会列出"当前页面"捕获到的全部资源，标题栏里的数字就是资源条数。

面板信息密度很高，值得逐个认识：

• 资源列表区：每条资源显示文件名、大小，左侧复选框用于勾选。信息面板会给出标题、MIME 类型、时长、分辨率（如 1280x720）和完整 URL，是判断"哪条才是正片"的关键依据。
• 内嵌预览播放器：在列表下方直接试播选中的资源，存错文件之前先验货。
• 顶部三个页签：「当前页面」是嗅探结果，「其他页面」可切换查看其他标签页的资源，「媒体控制 / 其他功能」则打开倍速播放、画中画、截图、循环、音量等播放控制，以及深度搜索、缓存捕捉等功能入口。
• 底部操作栏：下载所选、复制所选、全选、反选、清空，另有"模拟手机"（伪装移动端请求以触发不同资源分支）、"自动下载"、"录制脚本"和"设置"。

界面源码对应 popup.html 与 js/popup.js，多语言文案在 _locales/ 各语言目录中维护。

列表是空的怎么办？通常有四种情况：视频还没开始播；页面需要点击或滚动才加载下一段；资源走了 DRM 加密（任何嗅探工具都拿不到明文）；站点启用了反爬策略。前两种多等几秒或换个操作路径再试，后两种则只能放弃。

第二步：从一堆资源里挑中你要的那一个

嗅探是"全都要"，下载得"选准了"。一个页面往往同时捕获到封面图、多档码率的视频、字幕甚至 JSON 数据，按下面几条经验筛选：

操作上的小窍门：

• 资源很多时用正则筛选：在输入框写一个匹配 URL 的正则表达式，回车后列表只剩匹配项（正则消耗资源，简单筛选优先用后缀、大小过滤）。
• 反选按钮适合"排除法"：先全选，再反选掉明显不要的。
• 同一页面重复刷新可能产生重复条目，设置里有"排除重复资源"开关。
• 有些站点只对移动端返回可下载资源，点开"模拟手机"重新触发请求试试。

第三步：把选中的资源落到本地

挑好了资源，"落地"有三种力度：

1. 直接下载（日常够用）勾选资源后点"下载所选"，文件会按浏览器默认下载规则保存。文件名默认取网页标题，可在设置里改；也支持"下载完选择保存目录"和"下载完自动关闭页面"。

2. 下载器页面（批量与兜底）猫抓内置独立下载器（js/downloader.js），支持队列管理；设置里还能开启"检测到资源下载失败时自动启用下载器重试"，网络抖一下也不必手动重来。

3. 复制交给第三方工具（进阶）点"复制所选"可以把资源 URL 写进剪贴板，配合 aria2、ffmpeg 或专门的 M3U8/DASH 下载工具使用。猫抓在设置中提供了调用 aria2、发送 ffmpeg 参数、推送 m3u8 下载工具的入口，复制内容模板也可自定义——想让谁干活就让谁干活，猫抓只负责把地址递过去。

M3U8 解析器：流媒体视频这样破

如果第二步里你发现正身的资源不是 mp4，而是一条.m3u8地址，别慌——这是流媒体（常见于直播和点播站）的标准做法：真正的视频被切成成百上千个几秒长的 ts 小分片，m3u8 只是索引文件，直接下载它什么都看不到。

猫抓为此内置了 M3U8 解析器（入口在"其他功能"里，核心逻辑在 js/m3u8.js），打开后它会做三件事：

1. 拉取索引：粘贴或带入 m3u8 地址，解析出全部分片列表，并汇总显示总分片数、总时长、分辨率（如"共 64 个文件，总时长 10:34，分辨率 1280x720"）；
2. 参数微调：设置下载线程数、下载范围（只存前 64 个分片之类）、自定义保存文件名；
3. 合并落地：点"合并下载"，所有分片按序拼成一个完整 MP4 文件，由 lib/hls.min.js 等本地库完成解码与封装，全程不经过第三方服务器。

带加密的流也能处理：m3u8 索引里常见的 AES-128 加密，解析器允许你手动填写密钥和偏移量 IV，或直接上传 Key 文件；如果只要声音不要画面，勾选"只要音频"可以省下一大半空间。嫌合并麻烦的，也可以点"复制命令"把任务交给外部 m3u8 下载工具完成。

顺带一提：使用 DASH 协议（.mpd地址）的站点有对应的 MPD 解析器，原理相同，只是换了一套索引格式。

顺手一提的其他实用工具

装猫抓相当于打包了一整套网页媒体工具箱，除了嗅探和下载，这些功能在面板的"其他功能"页签里：

• 媒体控制（js/media-control.js）：倍速、循环、静音、音量、画中画、截图，给当前页面的播放器"加个遥控"；
• 视频录制：针对无法直接拿到文件地址的场景，把播放内容录下来；WebRTC 通话流也可单独录制（catch-script/webrtc.js）；
• JSON 格式化（js/json.js）：把接口返回的 JSON 渲染成可展开的树，排查接口问题时顺手；
• 模拟手机：切换 User-Agent 重新请求，常用于拿到移动端专属资源或验证站点的响应差异；
• MQTT 推送：把捕获到的资源信息推送到自建的 MQTT 代理，方便搭建自己的下载管道。

隐私、多语言与使用边界

数据都在本地。猫抓的隐私政策很直白：所有信息在本地存储和处理，不发送到远程服务器，不包含任何跟踪器。你嗅到的资源列表只有你自己看得到。

界面十种语言。中文（简繁）、英语、日语、韩语、西班牙语、葡萄牙语（巴西）、俄语、土耳其语、越南语都可以切换，在设置里改即可，例如西班牙语界面：

最后一句必须说的话：猫抓只应用于下载你拥有版权或已获得授权的内容——自己购买后想离线观看的网课、CC 协议开放的素材、自己上传到平台的视频备份，都没问题；未经授权抓取受版权保护的内容，责任由使用者自行承担，请遵守所在地区的法律法规与各平台的服务条款。此外，猫抓尊重站方意愿，维护了"避免抓取列表"，网站方可通过仓库 Issue 申请加入。

写在最后

回到开头的场景：网页上的视频播得再顺，终究是"借"的。按"嗅到 → 挑中 → 落地"这套流程走一遍，从打开页面到文件进硬盘，熟练之后不过一两分钟。遇到普通 mp4 就用资源列表直接下载，遇到 m3u8 就交给解析器合并，遇到加密或 DRM 则认清边界、及时止损。工具装好了，剩下的交给你的好奇心——先从那些允许保存的公开内容练起吧。

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