网页样式检查插件
各维度得分依据公开资料与字段推算,加权后即综合评分,仅供参考。
CSS Peeper 是一款用于“快速检查网站样式”的 Chrome 扩展，核心目标是让设计师、开发者和 QA 不必深入源码，就能查看网页中的设计属性。它更像是面向视觉与前端协作的样式洞察工具，而不是传统开发者工具的完整替代品。
从正文看，CSS Peeper 支持点选式检查网站设计属性，可查看颜色、字体、排版信息，并提取完整调色板。它还支持访问和导出页面中的图片、图标、图形等素材，适合网页重设计、竞品分析和视觉还原。付费能力包括高级检查器、无限智能检查、基础/高级对比度检查、语义颜色分组、颜色实例预览和字体实例定位。生态方面，它主要依赖 Chrome 扩展形态，并提供 Docs、Blog、Knowledge base 与 Slack 社区。文档目录覆盖入门、FAQ、Inspector、Colors、Typography、Assets、Accessibility Tools 等，结构较完整，但正文没有展示 API、SDK、框架适配或自动化集成能力。
CSS Peeper 采用 Freemium 模式。Basic 免费且永久免费，包含基础检查器、有限智能检查、导出素材和导出调色板。Professional 年付为 2.49 美元/月，提供高级检查器、无限智能检查、基础排版工具和对比度检查器。Ultra 年付为 4.99 美元/月，增加语义颜色分组、字体实例定位、颜色实例预览和高级对比度检查。页面还显示夏季促销和年付折扣，整体价格门槛较低。
优点是上手简单，适合不想翻 CSS 或 DevTools 层级的用户；颜色、字体、素材和对比度覆盖了设计检查的高频需求；免费版可试用关键流程。缺点是正文只明确支持 Chrome，未说明 Firefox、Safari 或桌面应用；没有 API/SDK、自托管或开源信息；支付方式和企业级支持也未披露。
CSS Peeper 适合 UI/UX 设计师、前端开发者、QA、网页改版团队和做竞品视觉分析的人。中国大陆访问情况正文未说明，Chrome 扩展商店及相关服务可能受网络环境影响，建议实际测试；如受限，可考虑浏览器开发者工具、VisBug、WhatFont、ColorZilla、CSS Scan 或 Figma Inspect 等替代方案。
本测评基于公开资料整理,不构成购买建议,请以 csspeeper.com 官网实际信息为准。
设计师和前端可快速提取网页样式。
评分明细(分布与用户短评)接入中。当前展示 TG4G 综合评分,数据源自公开测评与用户反馈。