CSS Peeper插件，Chrome浏览器 CSS 查看器
CSS Peeper 插件是一款专为设计师量身打造的 CSS 查看器，该插件无需挖掘代码，直接能够以组织良好、简单且美观的方式对样式进行检查，并且立即获取，让设计师更加专注于设计本身。
CSS Peeper 插件是一款专为设计师量身打造的 CSS 查看器，该插件无需挖掘代码，直接能够以组织良好、简单且美观的方式对样式进行检查，并且立即获取，让设计师更加专注于设计本身。
CSS Peeper 插件开发背景
对于网页设计人士而言，想要对网页浏览体验进行改善，势必会参考其他网站的原始码或样式表。尽管 Google Chrome 本身已有强大的开发人员工具可以使用，但对于查询网页中使用的字型或色彩，或许还是需要借助工具才会更加方便实现。
今天，小编就为大家推荐一款专为设计师量身设计的 CSS 查看器。这款 CSSPeeper 插件支持以简单、有组织性的方式对网站样式和各种元件进行检查，对于样式名称、长宽、字型、字体大小、行高、对齐方向及颜色等资讯的获取，将会变得十分方便。
CSS Peeper 插件功能介绍
CSSPeeper 插件支持以最简单的方式分析目标网站的 CSS 代码，检查网络上对象、颜色和资产的隐藏 CSS 样式，让设计师尽可能的少花费时间对代码进行挖掘。有了这款插件，提取 CSS 并构建漂亮的样式将会变得十分简单。
CSS Peeper 插件使用方法
一、安装插件
如果有条件，可以直接在谷歌 Chrome 商店下载安装。如果无法访问 Chrome 商店，请在扩展迷下载CSSPeeper 插件的安装包，解压后将 crx 文件安装到你的谷歌浏览器上。
二、使用方法
CSS Peeper 插件安装完成以后，直接点击浏览器上方工具栏中的插件图标，该网页的标题与内文字型、 CSS 档案大小和载入时间将自动显示于网页右上角弹出的小窗口之中，点击选择该窗口底部按钮还可切换至不同的功能。
想要快速了解当前页面使用的颜色色系，可以直接点击该窗口底部第二个图标按钮，即可列出该页面使用的所有配色信息，其中还包括了 Hex 值，直接将鼠标悬浮于颜色之上，即可快速对颜色的 Hex 值进行复制。
此外，CSSPeeper 插件开启后，直接点选网页中的文字、链接、栏位或按钮，即可自动侦测出该元件的样式名称、长宽、字型、字体大小、行高、对齐方向及颜色等资讯，便于用户对网页中某个元件的属性进行查看。
CSS Peeper插件，Chrome浏览器 CSS 查看器 - Extfans”
