C ssp eeper 介绍
“c ssp eeper”是还 一个 基于浏览器端的css样式分析扩展 插件 ，如果你是设计师、需要时常去浏览其他网站的话，应该会觉得它几乎为你量身打造，想要分析目标网站的css 代码 ，仅仅用谷歌开发模式是不够的，因此有了这款 插件 你会如虎添翼。?
c ssp eeper使用 方法 ：
浏览器上安装 插件 以后，开启css Peeper的Google Chrome扩充 功能 页面 ，点选右上角「加到Chrome」按钮 免费下载 安装，安装后浏览器右上角会出现css Peeper按钮，点选就能使用。点选c ssp eeper 后会开启网站图示、 标题 和内 文字 型、css 档案大小和载入时间，点选下方按钮可切换至不同 功能 。
c ssp eeper让使用者以简单、有组织性、更漂亮方式去检查网站样式和各种元件，例如以视觉化方式 快速 列出网站的配色、查看各部分使用的字型、字体大小、行高、对齐方向和颜色，还能 快速 汇出 页面 中的所有 图片 。
最后c ssp eeper 还有 一个 查看网页中所有 图片 的 功能 ，能在下拉 功能 中 显示 所有网页 图片 ，将游标移动到缩图会 显示 图片 档名和尺寸，也能单独汇出或一次汇出。
当你在C ssp eeper 开启情况下点选网页中的 文字 、链结、栏位或按钮，就会侦测出该元件的样式 名称 、长宽、字型、字体大小、行高、对齐方向及颜色等资讯，对于想知道网页中某个元件的 属性 非常方便。
C ssp eeper 在操作上跟Fontface Ninja 感觉很类似，不过可以查看各元件的「Inspector」 功能 非常实用!只要在开启C ssp eeper 情况下去点击网页内的元件，就能以可视化方式浏览它各项资讯与设定值，相较于Google Chrome 内建的Inspector 来说会更直觉。?
网站地址 : https://csspeeper.com/
网站描述: 可视化CSS样式辅助工具
CSSPeeper官方网站
官方网站： https://csspeeper.com/
如果觉得 网站内容还不错，欢迎将 网站 推荐给程序员好友。