这两个Chrome插件,保证你用了就离不开!

给大家献上几款好用的插件,希望对你们的工作学习有所帮助~

给大家献上几款好用的插件,希望对你们的工作学习有所帮助~

Page Ruler:网页量尺

Page Ruler可以测量网页上任意元素尺寸。

功能清晰明确,也很容易操作使用。

Page Ruler 对于前端开发者来说必备!!

在调试网页时,会有查看网页中某个具体控件或整个网页具体尺寸的需求。使用 Page Ruler 后再也不用打开占据大片空间的「检查元素」窗口了。

Page Ruler 不仅可以测量元素的宽度和高度,同时可以测出元素所相对于页面的绝对位置,对于前端工程师们来说非常适合。

这两个Chrome插件,保证你用了就离不开!插图

ColorZilla:颜色吸取

ColorZilla 是最受欢迎的 Firefox 开发者扩展程序之一,下载量超过 500 万次,终于可用于 Chrome!

ColorZilla有先进的吸管器(获取页面上任何像素或区域的颜色)、颜色选择器、梯度发生器等。你可以获取页面上任何像素的颜色,也可查看颜色历史及调色板。

我们不再需要任何的截图工具,使用ColorZilla就可以从浏览器的任何位置获取颜色读数。

操作也非常简单,只需将鼠标悬停在页面上的元素上,即可查看正在使用的十六进制和rgb颜色值,单击以快速将其复制到剪贴板。

总的使用来看,三个词可以概括——快速,简单和高效。相信你使用了之后一定会离不开~

这两个Chrome插件,保证你用了就离不开!插图1

Pick Color From Page可以提取网页背景色。

鼠标指针会变成十字形,移动到网页有颜色的地方,就会出现对应颜色和颜色的代码值,这样我们就能得到颜色RGB值或者十六进制值了。

这两个Chrome插件,保证你用了就离不开!插图2

点击 color picker 会进入调色板,可以将颜色的代码值拷贝并粘贴到网页代码中去。

这两个Chrome插件,保证你用了就离不开!插图3

Css gradient generator可以将颜色进行渐变,并且可以生成对应的能够兼容所有浏览器的css代码,媲美PS!

这两个Chrome插件,保证你用了就离不开!插图4

还有很多功能,小编就不一一介绍了,快来下载试试~免费又好用,赚到了。

发表评论