企业官网建设流程全解析

猫抓：网页资源嗅探与媒体快速下载的完整指南

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

猫抓（cat-catch）是一款开源的浏览器媒体嗅探扩展：你正常浏览网页，它就把页面里加载过的视频、音频、图片等资源整理成清单，供你勾选、预览并保存到本地。这篇指南带你走完安装、日常嗅探、m3u8 合并下载，再到跨设备使用的全流程，并提醒几个容易踩的坑。

猫抓插件能捕获到什么

猫抓插件主界面：勾选资源后可查看标题、MIME 类型、时长与分辨率，确认后一键下载

打开工具栏图标后，你看到的是三条信息通道：

• 当前页面 / 其他页面：按标签页分组列出被嗅探到的资源，文件名后直接标注大小，方便快速定位想要的那一个
• 资源详情：选中某一项，下方会显示标题、MIME 类型、时长、分辨率和完整链接，还可以直接在面板里播放预览
• 批量操作：底部有"全选 / 反选 / 清空"，配合"下载所选"或"自动下载"，多文件一次处理完

典型用法：设计师浏览一个素材站，把页面里的多张高质量图片全部勾上，一次保存进下载目录；或者把一集教程视频单独筛出来存到 U 盘。

猫抓插件的三种安装方式：商店、源码与 CRX

方式一：应用商店安装（最省心）

• Chrome 用户到 Chrome 网上应用店搜索"猫抓"
• Edge 用户到 Edge 加载项商店搜索安装
• Firefox 用户在附加组件商店中查找

装好即用，后续商店会自动推送更新。

方式二：源码安装（功能最新）

适合想尝鲜新特性、或者想自己改几行代码的用户：

git clone https://gitcode.com/GitHub_Trending/ca/cat-catch

然后在地址栏输入chrome://extensions/（Firefox 对应 about:addons），打开右上角"开发者模式"，点击"加载已解压的扩展程序"，选中刚才克隆出来的文件夹，扩展就装上了。

方式三：CRX 文件拖入安装（适合网络受限环境）

从项目发布页把 crx 文件另存为到本地，同样在扩展管理页开启开发者模式后，把文件直接拖进页面即可。

⚠️ 一个必须说的风险：猫抓完全开源，任何人都能打包上架，商店里已出现过夹带广告代码的"伪猫抓"。请务必认准官方渠道与官方文档给出的安装地址。

网页视频下载工具的日常使用流程

把浏览器里的猫抓想成一个"资源记录仪"，日常流程大致是这样：

1. 正常打开目标网页，让页面把内容加载完（视频点开播放一次更保险）
2. 点击工具栏的猫抓图标，弹出嗅探面板查看捕获结果
3. 预览确认：对拿不准的文件先播放一下，确认是想要的那段再动手
4. 勾选后保存：点"下载所选"，文件进入浏览器下载目录；面板里的"模拟手机"按钮可以把 UA 切换成移动端，用来抓取只下发给手机端的资源

遇到页面刷新后资源丢失的情况，点一下面板上的重新捕获按钮再刷新页面，多数能重新抓到。嗅探不到时，也可以在设置里调整过滤规则，比如按大小范围（支持>100 KB这类表达式）筛掉一堆小图标和缩略图。

m3u8 分片视频解析与合并下载方法

很多平台不把视频存成一个完整文件，而是切成几十个、上百个 ts 小分片轮流推送。直接下载其中一个分片是看不完整视频的，这时需要猫抓内置的 m3u8 解析器。

猫抓 m3u8 解析器：显示分片总数、总时长、分辨率，支持范围下载与 mp4 合并

使用路径：在资源列表里找到.m3u8结尾的条目，点解析入口，解析器会做这几件事：

• 列出全部 ts 分片，并汇总出总文件数、总时长、分辨率，先确认这条流是不是你要的
• 按范围下载：只取前 10 个分片或某个区间，不用整段拉完
• 自定义解密：加密流可在"自定义 密钥"里填入 16 进制或 base64 的 key，"自定义 偏移量 IV"填入对应 IV，配合"跳过解密"选项灵活处理
• 合并输出：勾选 mp4 格式后合并下载，得到一个可直接拖进剪辑软件播放的完整文件

另外它对"一次性 URL"（刷新后失效的签名链接）做了缓存兜底，解析数据可以来自已捕获的缓存，减少因链接过期而失败的情况。

MPD 与 WebRTC：更进一步的流媒体捕获

除了 m3u8，猫抓还覆盖两类进阶格式：

• MPD（MPEG-DASH）：另一套主流的分片流方案，猫抓通过独立的解析页识别 DASH 清单，把分片按同样的思路整理出来
• WebRTC 实时流：直播类页面走的是实时信令，猫抓内置的 webrtc 捕获脚本可以把直播中的媒体流"拦"下来，配合录制脚本落盘

简单判断：链接以.m3u8结尾走 m3u8 解析器，以.mpd结尾走 DASH 解析，页面明显是直播（连上后持续推流、没有完整时长）则尝试 WebRTC 捕获。

网页图片批量保存与跨设备传输

除了视频，图片嗅探同样实用。做 UI 参考、收集产品图、保存网页配图时，在面板里把图片类资源全选后批量下载即可，省去逐个右键另存的重复操作。

跨设备场景有两个常用手段：

• 手机端直接装：Android 的 Edge 浏览器支持加载 Chrome 扩展，把猫抓装上去，手机上刷到的内容也能直接嗅探
• 二维码接力：在面板里把资源链接生成二维码，手机扫码即可拿到同一份资源，电脑上盯到的内容随手就能转到手机

通过二维码在移动 Edge 上安装猫抓，实现网页资源嗅探的跨设备同步

上手前必知：隐私、性能与合法合规

• 数据全程本地：猫抓嗅探到的资源信息只存在你自己浏览器的本地存储里，不发送到任何远程服务器，也没有埋点跟踪。解析、合并、下载都在本机完成
• 性能开销很小：它只是监听网络请求并做过滤，对浏览速度影响有限；如果某个页面资源特别多导致面板变长，可以先用过滤规则缩小范围，或用"暂停 / 启用"快捷键让它休息
• 内核版本要求：1.0.17 之后需要 Chromium 内核 93 以上，想要完整功能建议 104 以上；旧内核可回退到 1.0.16
• 合规使用：工具本身不区分内容来源，责任在使用者。请只下载你拥有版权或已获授权的内容（例如自己购买的课程、公开允许转载的素材）；如果网站运营方不希望被嗅探，项目方也提供了域名加入"避免抓取列表"的流程

核心文件在哪里，想深入时可以按图索骥：

• 扩展配置：manifest.json
• 资源嗅探核心：catch-script/catch.js
• m3u8 解析器前端：js/m3u8.js
• 弹出面板界面：popup.html

装好猫抓后，不妨先用一个熟悉的视频页练手：打开页面、点击图标、预览、下载，跑通这条最短路径后，m3u8 合并和批量保存都会变得顺手。项目更新比较活跃，商店版本不够新时可以关注仓库的发布记录，用源码安装尝鲜。

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