Design Lens - 网页设计检查器

在当前网页检查颜色、字体、图片和元素尺寸，帮助设计师和前端快速完成视觉审查。

Design Lens 是一款轻量级网页设计检查器，面向设计师、前端开发者、产品构建者和 QA 审查人员。 它可以帮助你快速检查当前网页的视觉细节，而不需要切换到复杂的设计工具或开发流程。点击插件后，你可以直接在页面上查看颜色、字体排版、图片信息和基础元素尺寸。 核心功能： 吸取页面可见颜色，并复制 HEX、RGB 或 HSL 数值。 检查文本样式，包括字体族、字号、行高、字重和颜色。 扫描图片的原始尺寸、显示尺寸、格式、alt 文本和过大资源提醒。 使用轻量标尺模式检查元素宽度、高度和简单间距。 复制单个结果、复制最近采样，或导出采集结果。 在本地保存语言、主题、悬浮辅助线和最近采样记录。 使用方法： 打开任意支持的网页。 点击 Design Lens 插件。 选择 Color、Font、Images、Ruler 或 Element 模式。 开始检查，并点击页面元素采集视觉信息。 复制或导出你需要的结果。 隐私： Design Lens 只会在你点击插件后在浏览器本地运行。它不会上传网页内容、截图、浏览历史、Cookie、账号数据或用户文件。偏好设置和最近采样会通过浏览器存储保存在本地。 限制： Design Lens 是一个视觉检查辅助工具。它不会编辑网页、压缩图片、生成设计文件、截取整页截图，也不会将数据同步到账户。