CSS Peeper(CSS样化辅助)

      CSS Peeper(CSS样化辅助)官方版是可安装在电脑浏览器上的样式检查扩展，专为设计师与开发者打造，无需翻阅复杂代码即可快速获取网页样式信息。CSS Peeper支持一键查看 CSS 属性、提取页面配色与字体、导出素材资源，还能检测色彩对比度，满足无障碍设计要求。CSS Peeper操作简单直观，能有效提升样式调研与网页开发效率，是实用的前端设计辅助工具。

软件特色

      1、可查看任意网站的排版细节，发现特色字体组合，核查各项文本属性，不错过任何排版细节。

      2、自带专业颜色检查工具，可浏览各类色彩获取设计灵感，心仪调色板支持一键导出，可在任意场景使用。

      3、不用再花时间在代码里翻找CSS内容，无需浏览复杂代码，点击元素就能快速检查CSS属性，省时高效。

      4、轻松提取页面里的各类素材资产，所有资源随手可用，让网站改版工作推进得更顺畅。

安装步骤

      1、打开浏览器，点击右上角三点图标，在菜单依次选择更多工具、扩展程序，也能直接在地址栏输入“chrome://extensions/”进入扩展管理页面。

      2、跳转至扩展程序页面后，开启开发者模式开关。

      3、把解压完成后的crx文件拖拽到浏览器页面，就能完成插件安装。

常见问答

      1、工具栏看不到 CSS Peeper 图标怎么办？

      答：浏览器默认隐藏新插件，点击地址栏右侧拼图图标，找到 CSS Peeper，点击图钉按钮固定到工具栏，方便随时调用。

      2、插件支持无痕窗口使用吗？

      答：默认不开启无痕权限，进入扩展详情页面，打开「允许在无痕模式中运行」开关，即可在无痕页面正常使用。

      答：支持 Chrome、Edge、Brave、Opera 等所有 Chromium 内核浏览器；暂不支持 Firefox 等非 Chromium 浏览器，官方暂无适配计划。