應用截圖

詳細介紹

几秒内查看网站样式。强化工作流程，节省数小时的工作。 CSS Peeper 是为设计师和开发人员打造的强大 Chrome 扩展程序，让你轻松查看和提取任意网站的设计属性。告别在复杂代码中翻找的过程。CSS Peeper 提供直观、有条理的界面，方便获取关键设计细节。 专业人士值得拥有节省时间的工具。让 CSS Peeper 简化工作流程，帮助你更聪明地工作，无需更加辛苦。加入已经充分利用时间的 500,000 多名专业人士。 通过高级设计查看功能强化工作流程，节省数小时的工作。无需再翻找代码。 👉 免费获取 CSS Peeper！立即安装，几秒内开始查看网站。更多详情请访问 https://csspeeper.com。 🔍 免费核心功能： ✦ 轻松查看设计属性。不再翻找代码。通过简单的指向和点击快速查看元素属性，节省数小时。 ✦ 探索你喜欢的网站使用的颜色。浏览各种颜色、寻找灵感，并轻松检查对比度。喜欢某个调色板？将其导出到你喜欢的设计工具。 ✦ 识别字体排版。探索任意网站的字体排版，发现独特的字体搭配，检查最相关的文本属性。 ✦ 探索素材。浏览并下载网站使用的所有图片、图标和图形。 ⭐️ 高级功能： ✦ 即时预览并复制任意元素的 CSS，将出色的设计转化为可复用的代码。 ✦ 浏览并探索任意网站使用的字体排版。预览字体排版层级，理解字体选择、大小和样式，帮助你自信、高效地设计。 ✦ 轻松识别字体排版实例，更深入地了解字体样式的应用。进入专用屏幕，精确查看每种样式。 ✦ 按语义分组浏览颜色，包括字体排版、背景、边框等。在具体语境中识别颜色，获取更多洞察。 ✦ 查看单个颜色实例并探索其用途，包括数值、类别、类名和设计令牌。 ✦ 逐色探索渐变，预览每个色调，精确重现出色的视觉效果。 ✦ 对比度扫描器帮助你遵循无障碍最佳实践。即时评估对比度问题，确保网站美观且无障碍。 ✦ Smart Inspector 提供更高级的方式，一眼查看设计细节。它提供更深入的设计属性信息，包括颜色对比度、阴影和层次效果。 ✦ 切换到侧边栏模式，完整使用网站视口。 可在 https://csspeeper.com/pricing 查看全部可用功能。 ---------------------------------------------------- 使用 CSS Peeper 扩展程序即表示你同意我们的条款和条件（https://csspeeper.com/terms-and-conditions）及隐私政策（https://csspeeper.com/privacy-policy）。 CSS Peeper 很荣幸支持 Learn to Code，这是一家支持我们帮助每个人成为更好的编码者这一使命的非营利组织。通过使用联盟链接，我们邀请你在合作商店购物时支持我们的使命，无需额外付费。支持始终可选，并且可以随时永久禁用。