CSS Peeper – 在线矢量图与调色板,设计必备!!

点击下载:CSS_Peeper_0.4.crx

CSS Peeper是专为Designers设计的CSS查看器。通过我们的Chrome扩展程序访问有用的样式。我们的任务是让设计师专注于设计,并花费尽可能少的时间来研究代码。

使用方法:

1、浏览器上安装插件以后,开启CSS Peeper的Google Chrome扩充功能页面,点选右上角「加到Chrome」按钮免费下载安装,安装后浏览器右上角会出现CSS Peeper按钮,点选就能使用。点选CSSPeeper 后会开启网站图示、标题和内文字型、CSS 档案大小和载入时间,点选下方按钮可切换至不同功能。

2、CSSPeeper让使用者以简单、有组织性、更漂亮方式去检查网站样式和各种元件,例如以视觉化方式快速列出网站的配色、查看各部分使用的字型、字体大小、行高、对齐方向和颜色,还能快速汇出页面中的所有图片。

3、最后CSSPeeper 还有一个查看网页中所有图片的功能,能在下拉功能中显示所有网页图片,将游标移动到缩图会显示图片档名和尺寸,也能单独汇出或一次汇出。

4、当你在CSSPeeper 开启情况下点选网页中的文字、链结、栏位或按钮,就会侦测出该元件的样式名称、长宽、字型、字体大小、行高、对齐方向及颜色等资讯,对于想知道网页中某个元件的属性非常方便。

5、CSSPeeper 在操作上跟Fontface Ninja 感觉很类似,不过可以查看各元件的「Inspector」功能非常实用!只要在开启CSSPeeper 情况下去点击网页内的元件,就能以可视化方式浏览它各项资讯与设定值,相较于Google Chrome 内建的Inspector 来说会更直觉。 

给TA买糖
共{{data.count}}人
人已赞赏
实用插件

My IP address – 本地电脑ip地址在线查询

2021-9-9 21:01:53

实用插件

脏嘻嘻翻译器 – 净化网络人人有责,还你一个没有键盘侠的世界

2021-9-9 21:01:55

重要说明

本站资源大多来自网络,如有侵犯你的权益请联系管理员Mankey 或给邮箱发送邮件l.0.h#foxmail.com 我们会第一时间进行审核删除。站内资源为网友个人学习或测试研究使用,未经原版权作者许可,禁止用于任何商业途径!请在下载24小时内删除!


如果遇到评论下载的文章,评论后刷新页面点击对应的蓝字按钮即可跳转到下载页面本站资源少部分采用7z压缩,为防止有人压缩软件不支持7z格式,7z解压,建议下载7-zip(点击下载),zip、rar解压,建议下载WinRAR(点击下载)

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
今日签到
有新私信 私信列表
搜索