Debug CSS crx插件

向页面上的所有元素添加轮廓,以显示正在更改所需布局的罪魁祸首元素 #Debug CSS谷歌浏览器的轻量级扩展,用于显示页面上存在的所有元素的轮廓。 在进行网页开发时,困难的部分之一是根据需要放置元素,并检查哪个元素会影响另一个元素。 通过此chrome扩展程序,用户可以查看页面上每个元素的轮廓。 按住键盘的Ctrl键并将鼠标悬停在元素上,它将显示元素详细信息以及值。 ----------#用法安装后只需单击扩展图标以将其打开或关闭。 如果您是像我这样的键盘快捷键爱好者,只需按“ Alt + Shift + C”键即可切换扩展名。 - - - - - # 怎么运行的? 此扩展适用于CSS outline属性:在网页的任何CSS中添加以下代码段`* {outline:1px实心红色; }`扩展只做同样的事情; 它为不同的元素赋予不同的颜色,而代码段为每个元素添加了红色轮廓。 ----------#其他工作和资源库[用于jQuery的轻量级可自定义插件,以垂直进度条的形式显示水平长度。](https://github.com/pranayjoshicse/VerLim.js)[在jqueryscript.net上列出] [https://www.jqueryscript.net/other/Simple-Custom-Reading-Indicator-with-jQuery-VerLim-js.html)[Demo](https://www.jqueryscript.net / demo / Simple-Custom-Reading-Indicator-with-jQuery-VerLim-js /)----------#关于我的更多信息[twitter。](https://twitter.com/pranayjoshicse)[关于我。](https://about.me/pranayjoshi) 支持语言:English (United States)