🔍 Crx搜搜
DesignPicker - Color, Font & CSS Inspector

Inspect webpage colors, fonts and CSS. Copy computed styles and save design snippets locally.

5.0
9
2000 位用户
2.0.0

截图预览

概述
翻译

2.0.0 新增:网页设计参考与可选 Pro • 免费预览部分真实网页配色、字体排版、间距与圆角。 • Pro 将可编辑配色、相近配色、字体排版与设计规范组合为方案。 • 支持 CSS、JSON、HTML 和设计规范 Skill ZIP 导出。 • 方案可保存本地或主动上传至账号云端(最多 100 份),支持修改原方案与命名副本。 • Pro 需登录 DesignPicker 账号并一次性购买,不是订阅;结账前展示当前售价。原有基础取色、字体及 CSS 检测继续免费。 • 请求 Pro 处理时发送选定样式、来源域名和采集时间;云端上传由用户主动操作。不上传网页 HTML、正文、表单值、完整 URL 或截图。 DesignPicker — 网页取色、字体检测与 CSS 检查 在一个插件中提取颜色、识别字体并探索计算 CSS。 新增 CSS 检查 • 悬停预览元素,点击锁定。 • 检查盒模型、布局、Flex/Grid、间距、字体、颜色、边框和阴影等计算属性。 • 复制数值、声明、属性分组或选中的 CSS;预览代码,剪贴板不可用时可手动复制。 • 无需登录即可本地保存命名 CSS 片段;在收藏中搜索、重命名、复制、删除和撤销。 • 移动或折叠面板、检查父元素、刷新快照;按 Esc 解锁或退出。 颜色与字体 提取网页颜色并按分类或网格展示,复制偏好的颜色格式。浏览器支持时使用滴管,另有网页截图取色后备方案。检查文字的字体家族、大小、字重和行高,保存与管理最近记录。可切换取色、字体与 CSS 工具。 可选账号同步 登录后可同步已保存的颜色、字体记录与支持的偏好设置。不同账号的收藏分开管理,可在设置中明确导入未登录时保存的颜色和字体。自动同步开关属于各浏览器;CSS 片段始终保留在本地,不参与云同步。 开始使用 固定 DesignPicker,打开普通 HTTP/HTTPS 网页,在插件中选择颜色、字体或 CSS。启动 CSS 检查、点击元素,然后复制样式或保存片段。 CSS 显示当前计算值,不是原始作者样式表,也不包含所有响应式或伪类状态。目前不支持受限浏览器页面、iframe 内目标及嵌套 Shadow DOM 内目标。保存的片段不含网页 HTML、输入内容、原始元素 ID/类名或资源 URL。本地工具不需要付费或订阅。 官网:https://design-picker.yisi.app 支持:hi@yisi.app

来自商店的评价 (0)

尚无人评价此扩展,查看 所有语言

留言