CSS Peeper

在几秒钟内检查网站样式。增强您的工作流程并节省工作时间。

CSS Peeper 是一款终极 Chrome 扩展，适合希望以无缝方式从任何网站检查和提取设计属性的设计师和开发人员。告别挖掘复杂的代码。 CSS Peeper 提供了一个直观、有组织的界面来访问关键设计细节。

专业人士值得拥有节省时间的工具。让 CSS Peeper 简化您的工作流程并帮助您更聪明地工作，而不是更辛苦。加入 500,000 多名充分利用时间的专业人士的行列。

利用先进的设计检查功能增强您的工作流程并节省工作时间。不再需要挖掘代码。

👉 免费获取 CSS Peeper！立即安装并在几秒钟内开始检查网站。访问 https://csspeeper.com 了解更多详情。

🔍免费核心功能：

✦ 轻松检查设计属性。停止挖掘代码。通过简单的点击操作即可快速检查元素属性，从而节省时间。
✦ 探索您最喜欢的网站上使用的颜色。浏览各种颜色、寻找灵感并轻松检查对比度。喜欢调色板吗？将其导出到您最喜欢的设计工具。
✦ 识别排版。探索任何网站的版式，发现独特的字体配对，并检查最相关的文本属性。
✦ 探索资产。浏览并下载网站上使用的所有图像、图标和图形。

⭐️ 高级功能：

✦ 浏览并探索任何网站上使用的排版。预览排版层次结构以了解字体选择、大小和样式，帮助您自信而高效地进行设计。
✦ 轻松识别版式实例并深入了解字体样式应用程序。导航到专用屏幕以精确检查每种类型的样式。
✦ 按语义分组浏览颜色，包括版式、背景、边框等。识别上下文中的颜色以获得更多见解。
✦ 检查各个颜色实例并探索它们的用例，包括值、类别、类和设计标记。
✦ 对比度扫描仪可帮助您与最佳辅助功能实践保持一致。立即评估对比度问题，确保您的网站美观且易于访问。
✦ 智能检查器提供了一种先进的方法来一目了然地检查设计细节。它提供了对设计属性的更深入的了解，包括颜色对比、阴影和立面效果。
✦ 切换到侧边栏模式以获得对网站视口的完全访问权限。

您可以在 https://csspeeper.com/pricing 查看可用功能的完整列表

----------------------------------------------------------------

使用 CSS Peeper 扩展，即表示您同意我们的条款和条件 (https://csspeeper.com/terms-and-conditions) 和隐私政策 (https://csspeeper.com/privacy-policy)。

CSS Peeper 很荣幸能够支持 Learn to Code，这是一个非营利组织，支持我们帮助每个人成为更好的程序员的使命。通过使用联属链接，我们邀请您在合作伙伴商店购物时帮助我们完成使命，而无需您支付任何费用。支持始终是可选的，并且可以随时永久禁用。