一款Chrome上查看网页css样式的插件P开头

html-css011

一款Chrome上查看网页css样式的插件P开头,第1张

不如右键选择open link in new tab来查看吧，这样就可以自动换行了，chrome的resources是严格按照元素内部文本结构来呈现的，也就是如果它的网站CSS是经过压缩的，把所有换行都清除掉了，在resources里面就是一行显示全部；如果网站的CSS里面是分行显示的，在resources里面也就是分行显示，似乎也没有什么地方可以改变这一设置，一般这些CSS要看的话都是下载下来或者新开一个页面看了，没有必要在开发者工具里面看，空间又小又挤，看起来也费力，而且要调试的话直接在elements里面就可以解决问题了。

第一款：DOM InspectorDOM Inspector是Mozilla Firefox的一个扩充套件，官方中文版上称之为DOM观察器，在安装Mozilla Firefox时，可以在自订安装中选择是否安装DOM Inspector，如果在安装Mozilla Firefox时没有选择自订安装以安装DOM Inspector，则可以在 Mozilla 的 DOM Inspector 网址进行安装。（下载地址：）安装后可以查看某个页面元素或者火狐界面的id。很像firebug，查看当前元素所以引用的CSS、js等。对于学习CSS的人来说很有帮助.火狐有没有这样一个插件，能够查看当前页面的“有效”CSS？

一般浏览器都会自带审查元素的插件的。IE浏览器也自带得有。可以按下快捷键F12即可。

推荐几个很好用的：

谷歌浏览器、360浏览器、火狐浏览器。

每个浏览器操作方法大同小异。