10浏览器插件
Asset Quick Picker
找到一个网页背后真正有用的媒体资源。
- Discipline
- Media discovery · Browser systems · Download workflow
- Platform
- Chrome
- Role
- Product, interaction, interface and development
- Status
- Live · Chrome
Asset Quick Picker 会扫描页面元素、CSS 背景图、内联 SVG、已加载的媒体请求与懒加载内容。侧边栏将预览、搜索、筛选、版本选择，以及独立文件或 ZIP 下载放在一起；手动点选则处理精确的单次采集。
Visit live productThe hard part
表面问题背后，通常还有一套更难的系统问题。
同一素材可能同时出现在 srcset、懒加载、CSS 与网络请求中，还经常带有多个分辨率或受保护地址。大型 ZIP 任务也需要在面板关闭后继续，并确保临时请求规则被清理。
Key decisions / 03
我选择了什么，也选择不做什么。
- 01
把 DOM 与网络发现结果合并成一份规范化资源列表，默认优先选择可用的最大版本。
- 02
将深度扫描设为明确操作，并在完成或取消后恢复原滚动位置。
- 03
把 ZIP 任务移入临时离屏文档，并在任务后清理短时 Referer 规则。
Design capabilities
A product is a network of decisions.
Media discoveryFiltering UXBackground tasksLocalization
What exists now
不放未经确认的增长数字，只展示已经存在的产品能力。
- 已在 Chrome 应用商店上线，提供英文与简体中文界面。
- 可发现图片、视频、音频、内联 SVG、HLS 与 DASH 资源。
- 支持搜索、详细筛选、手动点选、独立下载和后台 ZIP 打包。
媒体下载本质上是发现与来源管理问题：用户需要知道找到了什么、它来自哪里，以及最终保存的是哪个版本。