网页媒体资源怎么抓：从装好猫抓到存下第一个文件的完整流程
【免费下载链接】cat-catch猫抓 浏览器资源嗅探扩展 / cat-catch Browser Resource Sniffing Extension项目地址: https://gitcode.com/GitHub_Trending/ca/cat-catch
你在某个在线课程平台看到一节录播课，想存到本地。右键"另存为"，弹出来一个.m3u8文件，双击打不开；或者网站的下载按钮是灰的，只许在线播放。这时候你需要一个资源嗅探工具：猫抓（cat-catch）是一个浏览器扩展，它会监听页面发出的网络请求，把真正加载出来的媒体资源列出来，供你直接存盘。
它是什么
猫抓是一款免费开源的浏览器资源嗅探扩展，完全在本地运行，不向任何服务器发送你的数据。它只做一件事：把当前页面实际请求到的视频、音频、M3U8（一种把视频切成小片段再逐段传输的格式）流等列成清单，让你挑出来保存到硬盘。它不做什么：不破解DRM（数字版权保护）加密，不绕过付费墙，也不提供云端服务。
装好它
推荐源码安装，一共5步：
- 克隆源码：
git clone https://gitcode.com/GitHub_Trending/ca/cat-catch - 打开浏览器扩展管理页（右键工具栏选"扩展程序"，再进"管理扩展程序"）
- 打开右上角的"开发者模式"开关
- 点击"加载已解压的扩展程序"
- 选中刚克隆好的cat-catch文件夹
不想碰源码的话，也可以直接在Chrome网上应用店或Edge加载项商店里搜"cat-catch"安装。注意认准原版，商店里存在过加了广告代码的仿冒版本。另外它要求Chromium内核93以上，104以上功能才完整。
第一次完整操作
- 打开你想保存的页面，点播放，让视频正常播个几秒。
- 点击浏览器工具栏的猫抓图标。会弹出一个窗口，第一个标签页写着"当前页面[N]"，N就是已经嗅探到的资源数量。
- 看列表。每一行是一个文件，显示文件名和大小。勾选你想要的那一行。
- 选中后，列表下方会出现详情区：标题、MIME类型、时长、分辨率、完整链接，还有一个可以直接播放的预览窗口。先试听试看，确认是不是你要的那个。
- 点那一行右侧的下载图标，浏览器开始下载，文件进入你的默认下载目录。
- 下载完双击播放，能出声出画面就说明没白忙。
能力拆解
按使用频率从高到低，猫抓常用的是下面四件事。
把完整文件直接存下来
能处理的情况：网页直接加载的是完整的MP4、MP3、WAV这类文件，最常见，也最简单。
典型操作：页面播起来之后打开猫抓，在列表里按大小和文件名挑出目标行，点下载图标。全程不超过三次点击。多个文件想一起下，就点底部的"全选"再"下载所选"。
相关实现见 catch-script/catch.js，它负责拦截页面的网络请求并筛出媒体资源。
把M3U8解析成完整视频
能处理的情况：你点"另存为"存下来的那种.m3u8文件。它本身只是个清单，真正的画面在成百上千个.ts分片里。猫抓的解析器能把清单读出来、把分片逐个下完、再合并成一个可播放的文件。
典型操作：在列表里点中那个.m3u8资源，点下载。解析器页面自动打开，顶部是m3u8地址，中间列出全部分片，还会告诉你"共多少个文件、总时长多少"。确认无误后点"合并下载"，完成后文件就进了下载目录。如果流是加密的，解析器会先自动寻找密钥，找到就能直接解密合并。
相关实现见 js/m3u8.js，它负责M3U8的解析、分片下载与合并。
过滤掉不想要的资源
能处理的情况：一个页面加载了几十种文件，图片、JS、字幕、预览小图混在一起，列表很吵。
典型操作：在筛选框里输入文件名特征或正则表达式，回车，列表立刻只剩匹配的资源。更省事的做法是点"自动下载"，之后这个页面新出现的媒体资源会自动开始下载，你干别的去就行。
相关实现见 js/popup.js，它负责弹窗里的资源列表、筛选与自动下载逻辑。
挖出列表里没有的资源
能处理的情况：列表空空如也，或者只有小图没有正片。常见于资源藏在页面代码里、或者网站只给手机端推流的场景。
典型操作：点"深度搜索"，猫抓会去扫描页面源码找隐藏的资源地址；如果怀疑是端点问题，再点"模拟手机"把请求伪装成iPhone发出的，然后刷新页面重新嗅探。
相关实现见 catch-script/search.js，它负责深度搜索，扫描页面代码找出隐藏资源。
实战：把M3U8课程视频存成本地MP4
任务：一个平台的录播课，播放的是M3U8流，目标是存成一个能到处拷贝的MP4。
- 打开课程页，点播放，让视频播10秒以上，确保分片开始加载。
- 打开猫抓，在"当前页面"列表里找到那个.m3u8资源，记下大小和时长，后面用来核对。
- 点下载。因为"自动下载M3U8"默认是开着的，解析器页面直接弹出，分片列表滚满整个窗口。
- 核对解析器给出的"共N个文件，总时长"，和列表页显示的一致，说明抓对了。
- 勾上"mp4格式"，点"合并下载"。进度开始跑——这里会卡一下：跑到60%左右，列表里有3个分片标红，显示下载失败，最后生成的文件播放到对应时间点就卡死。
- 一步修复：点"重下失败项"，只重下那几个失败的分片，不用从头再来。
- 全部变绿后，提示"已保存到硬盘，请查看浏览器已下载内容"。去下载目录找到那个MP4，随便哪个播放器都能放。
真正值得改的配置项
在猫抓弹窗点"设置"能进配置页。多数选项保持默认就好，真正值得动的就这几个：
自动下载M3U8：默认开 → 保持开。点.m3u8资源的下载时自动打开解析器开始合并，省一次手动切换。
另存为：默认关（直接进浏览器下载目录）→ 想按课程分文件夹存放就打开，每次下载完会弹目录选择框。
模拟手机：默认关 → 列表里找不到正片、只有杂七杂八的小文件时打开，它把请求伪装成iPhone，很多网站会因此推可直接下载的视频流。打开后记得刷新页面。
常开深度搜索：默认关 → 经常遇到列表为空时打开，让猫抓每次都额外扫描页面代码，代价是占用稍多一点的浏览器资源。
排错速查
现象：资源列表是空的。最可能原因：页面还没加载完，或资源藏在页面代码里而不是网络请求里。一步修复：刷新页面，等视频开始播放后再看，仍为空就点"深度搜索"。
现象：M3U8合并后文件卡住、不能连续播放。最可能原因：部分分片下载失败，合并时缺了片段。一步修复：在解析器里点"重下失败项"，补齐后再看下载结果。
现象：解析M3U8报解密错误，或文件下载完是黑的。最可能原因：这是加密HLS流，密钥没给对。一步修复：看解析器是否已标出"寻找到疑似密钥"；没有就点"上传Key"，手动填入16进制密钥后重试。
现象：某个网站永远只嗅探到图片和脚本。最可能原因：网站只给移动端推流。一步修复：点弹窗里的"模拟手机"，刷新页面重新嗅探。
只下载你拥有版权或已获授权的内容，存下来自己看可以，不要二次发布。也不要开着自动下载对着一个站点反复批量抓，正常备份的强度就好。
下次遇到打不开的文件，先看看它的Content-Type是不是video或mpegurl，是的话猫抓大概率能处理。装好放在工具栏，往后网页上想留下的东西，点开它看一眼就行。
【免费下载链接】cat-catch猫抓 浏览器资源嗅探扩展 / cat-catch Browser Resource Sniffing Extension项目地址: https://gitcode.com/GitHub_Trending/ca/cat-catch
创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考
