×
←
→
适用于以下浏览器
CSS Peeper是设计师和开发人员的最终Chrome扩展，这些设计人员和开发人员希望使用任何网站检查和提取设计属性的无缝方法。
告别挖掘复杂的代码。
CSS Peeper提供了一个直观的，有组织的接口，以访问关键设计细节。
专业人士应该得到节省时间的工具。
让CSS Peeper简化您的工作流程，并帮助您更聪明，而不是更努力。
加入已经充分利用自己的时间的500,000多名专业人员。
通过高级设计检查功能为您的工作流程增压，并节省工作时间。
不再挖掘代码。
免费获得CSS Peeper！立即安装并开始在几秒钟内检查网站。
有关更多详细信息，请访问https://cspepeper.com。
自由核心功能： ?轻松检查设计属性。
停止挖掘代码。
通过简单的点击快速检查元素属性来节省小时。
?探索您喜欢的网站上使用的颜色。
浏览各种颜色，找到灵感并轻松检查对比度。
爱一个调色板？将其导出到您喜欢的设计工具。
?确定排版。
探索任何网站上的版式，发现独特的字体配对，并检查最相关的文本属性。
?探索资产。
浏览并下载网站上使用的所有图像，图标和图形。
高级功能： ?浏览并探索在任何网站上使用的版式。
预览版式层次结构以了解字体选择，大小和样式，可帮助您自信，有效地设计。
?轻松识别排版实例，并获得对字体样式应用程序的更深入的见解。
导航到专用屏幕，以精确检查每种样式。
?通过语义分组浏览颜色，包括排版，背景，边界等。
在上下文中识别颜色以获得更多的见解。
?检查单个颜色实例并探索其用例，包括价值，类别，类和设计令牌。
?对比扫描仪可帮助您保持与最佳可访问性实践保持一致。
立即评估对比度问题，确保您的网站美丽且易于访问。
Smart Inspector提供了一种先进的方法来一眼检查设计细节。
它提供了对设计属性的更深入的见解，包括颜色对比度，阴影和高程效果。
?切换到侧栏模式以完全访问网站的视口。
您可以在https://cspeeper.com/pricing上查看可用功能的完整列表 ----------------------------------------------------------------------------- 通过使用CSS Peeper扩展程序，即表示您同意我们的条款和条件（https://cspeper.com/terms-and-conditions）和隐私政策（https://csspeper.com/privacy-policy）。
CSS Peeper很荣幸能够支持学习代码，这是一家非营利组织，支持我们的使命，以帮助每个人成为更好的编码员。
通过使用会员链接，我们邀请您在合作伙伴商店购物时帮助我们的任务，这无需您。
支持始终是可选的，可以随时永久禁用。