【文件属性】：
文件名称：pesticide:杀死CSS布局错误
文件大小：178KB
文件格式：ZIP
更新时间：2021-03-06 14:29:42
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
【文件预览】：
pesticide-master
----.gitignore(13B)
----sass()
--------pesticide.scss(14KB)
----package.json(2KB)
----data()
--------templates()
----icon_source()
--------toolbar-chrome@2x.psd(65KB)
--------icon_128.psd(95KB)
--------icon_48.psd(77KB)
----pesticide_for_chrome()
--------icon_48.png(4KB)
--------images()
--------pesticide.min.css(17KB)
--------icon_16.png(2KB)
--------icon_128.png(8KB)
--------pesticide.js(1KB)
--------README.md(2KB)
--------pesticide-injector.js(2KB)
--------manifest.json(754B)
----src()
--------model()
--------generator.js(1KB)
----gulpfile.js(4KB)
----less()
--------pesticide.less(14KB)
----js()
--------pesticide.js(3KB)
--------pesticide.min.js(2KB)
----color_table.json(2KB)
----css()
--------pesticide.min.css(16KB)
--------pesticide.css(20KB)
--------pesticide-depth.css(14KB)
----README.md(5KB)
----stylus()
--------pesticide-depth.styl(9KB)
--------pesticide.styl(5KB)
----index.html(12KB)
----generate_color_table.js(511B)