浏览器扩展

不再需要翻找 DevTools。
一键检查任何元素。

为设计师和开发者打造的 CSS 检查器。复制样式、颜色、字体——导出为 Tailwind、Flutter 等 8 种以上格式。比 DevTools 快 10 倍。

Chrome Chrome Brave Brave Edge Edge Opera Opera
Firefox Firefox
Safari Safari
即将推出

为什么选择 GetLayers?

三大超能力,替代 DevTools 中的十几个标签页。

10 种导出格式 Pro

CSS、JSON、Tailwind、Flutter、SwiftUI、SCSS、Compose、Figma、React、Compact AI——一键复制任何格式。

CSS JSON SCSS Tailwind React JSX Flutter SwiftUI Compose Figma JSON Compact AI

AI 驱动工作流 Pro

唯一集成 Claude MCP 的 CSS 检查器。检查元素、编辑样式、列出组件——直接在 AI 助手中完成。

唯一集成 AI 的 CSS 检查器

完整设计工具包 Pro

编辑模式、间距、标尺、截图——设计师所需的一切,尽在一个扩展中。

Free vs Pro

查看您获得的一切,以及您错过的一切。

Free

足以探索
检查与理解
✓ 实时检查
✓ 声明值
✓
字体检查器
字体、大小、粗细、行高——悬停即可查看
✓
取色器
一键复制页面上的任何颜色
✓
Color Lens
一目了然——元素颜色和背景
✓
色彩面板
自动收集页面上的所有颜色
— WCAG 对比度检查
—
取色历史
您复制过的每种颜色的历史记录
复制与导出
✓ CSS & JSON
— SCSS
— Tailwind
— Flutter
— SwiftUI
— React JSX
— Compose
— Figma JSON
— Compact AI
编辑与设计
— 锁定与编辑
—
间距与标尺
内边距、外边距、元素间距。CSS 动画——最小/最大值
—
CSS Diff
比较两个元素:差异与共同点
— 截图
—
编辑配置
将编辑的样式保存为自动应用的配置
下载与分享
—
资源下载
从任何页面下载图片、字体和背景
—
预览与 ZIP
在独立页面中预览选定元素
— ZIP 导出
AI 超能力
— MCP 组件列表
—
MCP 检查
连接 AI 助手来检查和编辑样式
— MCP 样式编辑

Pro

您需要的一切
检查与理解
✓ 实时检查
✓ 声明值
✓
字体检查器
字体、大小、粗细、行高——悬停即可查看
✓
取色器
一键复制页面上的任何颜色
✓
Color Lens
一目了然——元素颜色和背景
✓
色彩面板
自动收集页面上的所有颜色
✓ WCAG 对比度检查
✓
取色历史
您复制过的每种颜色的历史记录
复制与导出
✓ CSS & JSON
✓ SCSS
✓ Tailwind
✓ Flutter
✓ SwiftUI
✓ React JSX
✓ Compose
✓ Figma JSON
✓ Compact AI
编辑与设计
✓ 锁定与编辑
✓
间距与标尺
内边距、外边距、元素间距。CSS 动画——最小/最大值
✓
CSS Diff
比较两个元素:差异与共同点
✓ 截图
✓
编辑配置
将编辑的样式保存为自动应用的配置
下载与分享
✓
资源下载
从任何页面下载图片、字体和背景
✓
预览与 ZIP
在独立页面中预览选定元素
✓ ZIP 导出
AI 超能力
✓ MCP 组件列表
✓
MCP 检查
连接 AI 助手来检查和编辑样式
✓ MCP 样式编辑
50+
工具
10
格式
20
语言
2
设备

简单定价

免费开始。需要更多时再升级。

Pro 终身
¥349
一次性付款
全部 10 种格式、编辑模式、间距、截图、AI——完整工具包
获取终身访问
一次付款。永久使用。无需续费
Pro 月付
¥21
每月
全部 10 种格式、编辑模式、间距、截图、AI——完整工具包
升级 Pro
比一杯咖啡还便宜。随时取消
Free
¥0
永久免费
9 个免费工具、2 种导出格式、20 种语言
免费开始检查
无需信用卡。10秒内开始
7 天退款保证

FAQ

是的!实时检查、复制 CSS/JSON、取色器、字体检查器、Color Lens、色彩面板和 20 种语言完全免费。无试用期,无时间限制。
10 种导出格式(SCSS、Tailwind、Flutter、SwiftUI、Compose、Figma JSON、Compact AI)、锁定与编辑模式、编辑配置、取色历史、资源下载、间距与标尺工具、截图和完整 MCP AI 集成。
Pro 许可证最多支持 2 台设备。您可以随时停用设备以释放名额。
有,7 天无条件退款保证。
GetLayers 支持 Chrome、Brave、Edge 和 Opera。Firefox 也受支持。Safari 支持即将推出。
购买后,您会通过电子邮件收到许可证密钥。打开 GetLayers 弹出窗口,进入设置,粘贴密钥即可。激活即时生效。
在 GetLayers 弹出窗口中打开设置,点击停用。这将释放一个设备名额。然后在新设备上使用相同密钥激活。
许可证密钥存储在本地。重新安装后,在设置中重新输入密钥。如果两个名额都已占用,请先停用一个。
我们使用 Gumroad 处理付款。支持所有主流信用卡、PayPal 和 Apple Pay。
月付和年付计划自动续费。终身计划一次性付款——永久拥有,包含所有未来更新。

联系我们

有问题、发现了 Bug 还是想合作?给我们留言。

消息已发送!
我们会尽快回复您。