Resource Catcher

About

🎯 Resource Catcher —— 把网页上的资源，一次性收进口袋

【它解决了什么问题】

你一定遇到过这些场景：

• 看到一个设计精美的网站，想保存它用的所有素材，却得在 DevTools 的 Network 面板里
  一个个右键 Save as，几十次操作下来手都酸了。
• 想批量收集某个图集页面的全部高清原图，但浏览器只允许一张张点。
• 喜欢某个网站的字体或背景音乐，却找不到资源的真实下载地址。
• 在分析一款 Cocos Creator 制作的 H5 小游戏时，打开 Network 看到的全是
  abcd1234-xxxx.json / .bin 这种 UUID 文件名，根本不知道哪个对应哪个资源、
  属于哪个 bundle，更别提把它们还原到工程目录里了。

Resource Catcher 就是为这些场景而生的。

【为什么应该安装它】

✓ 省时间——告别 F12 手动操作
  打开扩展，页面所有静态资源已经按"图片 / 音视频 / 字体 / CSS / JS / Cocos / 其他"
  自动分类列好，筛选 → 一键打包 ZIP，几十秒搞定原本半小时的工作。

✓ 抓得全——不只是 DOM 里看得到的
  普通"图片下载器"只能扫 <img> 标签，遇到 CSS 背景图、srcset、JS 动态加载的资源
  就抓瞎。本扩展同时监听网络请求 + 深度扫描 DOM + 解析 CSS，确保实际加载过的资源
  一个不漏。

✓ 业界少有的 Cocos Creator 支持
  这是大多数同类工具做不到的：
  - 自动识别引擎加载的所有资源，把 UUID 文件名映射回工程内的原始路径
    （比如把 ab/abcd1234-....png 还原成 textures/player/idle.png）
  - 自动识别每个资源所属的 bundle 和资源类型
  - ZIP 导出时按 cocos/<bundle 名>/<原始路径> 还原成接近 Cocos 工程的目录结构，
    拿到本地直接就能看明白
  无论你是想学习参考某款 H5 游戏的美术资源，还是做竞品分析、做 QA 检查，
  都能极大缩短你"找资源"的时间。

✓ 完全本地、隐私安全
  所有处理都在你的浏览器里完成。不上传任何数据到外部服务器，不收集浏览记录、
  cookie 或个人信息，没有任何第三方分析 SDK。代码可在 GitHub 上自查。

【适合谁】

• 前端 / 设计师：快速取回参考站的素材，做灵感库
• 游戏开发者 / 研究者：研究 Cocos Creator H5 游戏的资源结构与命名规范
• QA / 测试工程师：审计一个页面到底加载了多少资源、各占多大体积
• 内容创作者 / 普通用户：批量保存喜欢的图片、音乐、视频

【30 秒上手】

1. 安装扩展
2. 打开你要抓资源的网页（Cocos 游戏建议先装扩展再打开页面）
3. 点击工具栏 🎯 图标
4. 按需筛选 / 搜索，点底部"下载全部资源（ZIP）"——结束

⚠️ 使用前请知悉

资源版权归原网站所有。本扩展只是把你"已经在浏览器里加载到的内容"
方便地保存到本地，请仅用于个人学习、研究、备份等合法用途，
不得用于二次分发或商业侵权。