chrome 审查元素 css不显示行数如何解决

html-css011

chrome 审查元素 css不显示行数如何解决,第1张

首先呢,审核元素的时候,在右侧的style中是能看到样式以及行数的,如图:

点击之后,就能够进入这个样式表文件,如图:

相比这里的时候你会认为他只是一行,没有分行。这时候你点击底下的那个{} ,如图:

这时候就能够方便的看到每一行了,因为样式表被压缩成一行了。如图:

如果还是没有行号,那恭喜你,chrome被你玩坏了,导出你的收藏夹,卸载重装,good luck!

审查元素是便于浏览者查看制作网页的源代码。很多Webmasters(网页设计者)经常会使用火狐的扩展Firebug来获取网站页面的源代码,各元素的加载时间。Google Chrome也提供了此功能,且操作更加简单,只需右键点击“审查元素”(名字),即可打开Chrome Inspector,获得网页各种元素的加载时间、Javascript函数、Object等信息。左侧为Html代码,右侧为CSS代码。借助“审查元素”功能,Webmasters可以适时调整网页代码,以提高网页加载速度;是网页设计初学者学习Div+Css的有力辅助工具。审查元素可以做到定位网页元素、实时监控网页元素属性变化的功能,可以及时调试、修改、定位、追踪检查、查看嵌套 ,修改样式和查看js动态输出信息,是开发人员得心应手的好工具