启用时，将大纲添加到页面上的所有元素时，请按住CTRL并悬停以获取更多详细信息
＃发行说明
在最新版本中，我们解决了该问题，即扩展程序在Google的强制性`subtest_version upgrage'上停止工作。
另外，我们已经解决了用户无法看到页面最底层的样式的问题。我们添加了工具提示功能，该功能在工具提示本身中提供了基本样式。
＃调试CSS
Google Chrome的轻巧扩展名显示了页面上所有元素的轮廓。
在网页开发工作时，困难的部分之一是将元素定位为需要，并检查哪个元素影响另一个元素。
此Chrome扩展名使用户可以在页面的每个元素上查看大纲。按住键盘CTRL按钮和悬停元素，它将显示元素详细信息以及值。
-----------
＃ 用法
发布安装只需单击扩展图标即可打开或关闭。
如果您是像我这样的键盘快捷键爱好者，只需点击“ alt+shift+c”键即可切换扩展名。
-----------
＃它是如何工作的？
此扩展程序可在CSS概述属性上工作：
在网页的任何CSS中添加以下代码段
`
* {
概述：1PX固体红色；
}`
扩展程序的作用相同，唯一的是；当代码段向每个元素添加红色轮廓时，它给出了不同元素的不同颜色。
-----------
＃其他工作和存储库
[用于jQuery的轻巧可自定义插件，以垂直进度栏的形式显示水平长度。
[在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-indicator-with-jquery-verlim-js/）
-----------
＃关于我的更多信息
[Twitter。]（https://twitter.com/pranayjoshicse）
[关于我。]（https://about.me/pranayjoshi）
Debug CSS插件谷歌浏览器安装教程
第一步：下载Debug CSS安装扩展
第二步：下载下来的扩展解压到你想放的文件夹里
比如我解压到extend文件夹
打开Chrome的扩展页面（chrome：// extensions /或按Chrome菜单图标>更多工具>扩展程序），右上角开发者模式，点击开启，蓝色为开启，灰色为关闭；
再次将crx文件拖放到扩展程序，页面左下角提示：“扩展功能、应用和主题背景可能会损害您的计算机。您确定要继续吗？”
点击“继续”依然显示“无法从该网站添加应用、扩展程序和用户脚本”。尝试另一种办法方法。
第三步：把crx后缀改为zip，再进行解压
如果有些windows电脑系统查看不到文件扩展名，则可以通过以下设置：
找到文件夹顶部，点击查看
点击查看，找到隐藏已知文件扩展名，去掉前面的勾即可
这样你就能看到解压好的扩展名：.crx
解压的扩展名为.crx
把.crx改为：zip
然后再用解压工具再解压一遍，即可得到扩展的全部文件
然后再谷歌浏览器插件页面选择：加载已解压的扩展程序
这样就安装成功了
友情提醒：
其他浏览器，包括qq浏览器，360浏览器，edge浏览器，猎豹浏览器，搜狗浏览器安装插件的方法都是类似的，以上内容大部分通用！
