chrome dev tools开发小技巧

2019独角兽企业重金招聘Python工程师标准>>>

chrome 内置的开发工具功能十分强大，新版本更是增加了很多快捷的功能，发现的几点如下：

1 变换颜色的模式

如下图所求,点击颜色左侧的小方块

会弹出颜色选择框,按住shift点击，则会变换颜色的调色板格式，十分方便。



2取网页上的颜色

为了颜色统一方便，我们可以对给相似的元素设置相同的颜色值，如下图所示,点击小吸管按钮，再将鼠标移到网页的任何地方，则就吸取这个地方的颜色值，可以方便的将另一个元素改成当前元素的颜色。

如果不需要取色了，则再点击小吸管变灰即可。

转载于:https://my.oschina.net/lvhongqing/blog/673770