pesticide:杀死CSS布局错误 源码

农药 消除CSS布局错误。 在没有Chrome浏览器开发工具的情况下,如果没有2000次点击。 这是WTF吗? 有时候,如果我试图解决CSS中的布局问题,我只想要页面上的每个元素向我展示其轮廓在哪里。 我希望每个元素的所有轮廓颜色都不同,因为有时候我需要将内容区分开。 与试图在CSS中发现导致我的问题的浏览器中单击鼠标相比,对我而言,农药切换对我而言要快得多。 入门 如果您像我一样喜欢预处理CSS,则可以将Sass,Less或Stylus的任何部分放到include中。 每个版本的Pesticide都在部分的顶部设置了一对调试变量,如果要分别关闭轮廓和深度(即阴影),可以将其设置为false: // sass $ pesticide-debug-outline : false ; $ pesticide-debug-depth : false ; // less @pesticide