给大家献上几款好用的插件,希望对你们的工作学习有所帮助~
给大家献上几款好用的插件,希望对你们的工作学习有所帮助~
Page Ruler:网页量尺
Page Ruler可以测量网页上任意元素尺寸。
功能清晰明确,也很容易操作使用。
Page Ruler 对于前端开发者来说必备!!
在调试网页时,会有查看网页中某个具体控件或整个网页具体尺寸的需求。使用 Page Ruler 后再也不用打开占据大片空间的「检查元素」窗口了。
Page Ruler 不仅可以测量元素的宽度和高度,同时可以测出元素所相对于页面的绝对位置,对于前端工程师们来说非常适合。
ColorZilla:颜色吸取
ColorZilla 是最受欢迎的 Firefox 开发者扩展程序之一,下载量超过 500 万次,终于可用于 Chrome!
ColorZilla有先进的吸管器(获取页面上任何像素或区域的颜色)、颜色选择器、梯度发生器等。你可以获取页面上任何像素的颜色,也可查看颜色历史及调色板。
我们不再需要任何的截图工具,使用ColorZilla就可以从浏览器的任何位置获取颜色读数。
操作也非常简单,只需将鼠标悬停在页面上的元素上,即可查看正在使用的十六进制和rgb颜色值,单击以快速将其复制到剪贴板。
总的使用来看,三个词可以概括——快速,简单和高效。相信你使用了之后一定会离不开~
Pick Color From Page可以提取网页背景色。
鼠标指针会变成十字形,移动到网页有颜色的地方,就会出现对应颜色和颜色的代码值,这样我们就能得到颜色RGB值或者十六进制值了。
点击 color picker 会进入调色板,可以将颜色的代码值拷贝并粘贴到网页代码中去。
Css gradient generator可以将颜色进行渐变,并且可以生成对应的能够兼容所有浏览器的css代码,媲美PS!
还有很多功能,小编就不一一介绍了,快来下载试试~免费又好用,赚到了。