HLS 不再神秘：猫抓把一堆小 ts 变成一个可用地址

今天刷到一个事，有点意思… 就是那个，浏览器里有个一按就能把页面里“在偷偷流动的媒体”揪出来的东西——

Cat-catch（猫抓）

。 我起初也不当回事儿，直到点开它的面板看着一串 m3u8、mp4、mp3、vtt（字幕那种）自己往上冒…我愣了三秒，然后小声“等下这玩意儿也太能抓了吧”。

上网体验直接变成另一种形态，像给网页加了个“透视眼”。

1）为啥我开始用它？

说白了，被“找不到真实视频地址”这件事逼的。 现在很多网站的播放器都藏得很深，右键另存个寂寞。我要做笔记、剪一段允许使用的课程片段，或者通勤想离线听个自己做的播客备份…结果地址永远在“迷雾”里。朋友说试试猫抓，我装上，打开页面点播放，扩展面板里资源就哗啦啦冒出来——清晰度、格式、甚至字幕都列得明明白白。那一刻我才知道，原来媒体在网页里是这么跑的。

（对了，顺带一提，它也挺适合前端同学调试网络请求，能看见谁在偷跑流量…不过这不是重点。）

2）怎么玩？比想象中还省事

别被名字吓到，它不需要你写代码。大概就这几步，真的很“傻瓜”：

• 去扩展商店搜“Cat-catch / 猫抓”（或者仓库里下载打包版，没上架的时候就走离线安装），装好。

• 打开你要看的页面，让媒体开始播放（重点！很多站点只有播放时才会发真实请求）。

• 点右上角猫抓图标，面板会出现“媒体资源列表”。

• 你会看到一堆条目，类型可能是 m3u8 / mp4 / webm / mp3 / vtt 之类。
• 选中你要的那条，可以“复制链接”、用系统下载，或者丢给你习惯的下载器处理。

• 不喜欢列表太吵？用面板里的筛选（只看媒体 / 按域名 / 按扩展名），世界瞬间安静。

更帅的是，它能把分片流（比如 HLS 的一片片小 ts）识别成一个“逻辑资源”，不用你在几百个小请求里翻找。 还有字幕、封面图，有时也能一起给你抓出来。省心。

3）我踩过的坑

别以为它开了挂，还是有些“人话小提醒”：

• 必须让媒体动起来。有的站点不点播放就不发真实地址，你在面板里当然啥也看不到。
• 清晰度切换=新地址。你在播放器里从 480P 切到 1080P，猫抓会多出一条新资源，别抓错了。
• 列表太多看花眼？把“仅媒体”打开，再按文件后缀过滤，一秒钟干净。
• 有站点和抓取“对着干”。有的会做反爬/防盗链，或者用 DRM 加密。遇到这种，猫抓也不会“破”，这不是它的能力边界。
• 存储空间别忘了。长视频=大文件，下载前看一眼磁盘，别让系统给你弹“空间不足”的红框。
• 合规这事儿别糊涂。只抓你有权保存的内容（自家素材、明确标注可下载/可二次使用、或对方授权），遵守网站条款。这不是法律课，我也不是律师，反正…别作死就行。

4）使用场景直接封神

我自己乱七八糟用了一圈，几个超好用的瞬间：

• 做学习笔记：公开课里允许引用的片段+字幕一起抓，剪辑做卡片，效率爆表。
• 播客/讲座备份：自己的直播回放、讲座音频，快速拿直链做本地存档。
• 素材管理：活动海报、视频封面、预览动图…面板里一眼看到底，省得 F12 满地找。
• 前端/产品排查：页面到底在拉哪家的资源？有没有奇怪的跨域/重定向？开猫抓扫一下，图谱就出来了。
• 通勤离线：允许下载的公开素材拉下来，地铁里不抢网速，体验稳稳的。

5）爽点和限制

爽点：

• 面板干净，一眼看到“真地址”，少走弯路。
• 识别分片流，不用跟着小 ts 满地跑。
• 还能抓字幕/封面这类边角料，小而美。
• 开源、更新活跃，Chromium 系列浏览器基本都能用。

限制：

• 加密/DRM 的流它不破。遇到就别强求了。
• 有些站点会做反抓策略，需要你自己判断是否合规、是否值得折腾。
• 资源多的时候面板会很吵，不会筛选就会迷路（但学会过滤就好了）。
• 有时扩展商店的上架状态会变动，得去仓库下离线包（偶尔有这个小麻烦）。