浏览器扩展

不再需要翻找 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 还是想合作?给我们留言。

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