Media
2 items
Description
捕获页面上的静态资源：图片、音频、视频、字体、CSS、JS等 🎯 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）"——结束 ⚠️ 使用前请知悉 资源版权归原网站所有。本扩展只是把你"已经在浏览器里加载到的内容" 方便地保存到本地，请仅用于个人学习、研究、备份等合法用途， 不得用于二次分发或商业侵权。