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

html-css015

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

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

F12使用

开发者工具

或者在网页上右键

审查元素,在左上或者左下(根据版本)的放大镜至你要查看的元素上点击一下右边会有csss样式的具体参数。

如果是扒站,整个css带走,可以切换至资源界面(Resources)查看Stylish下拉栏。点击一个个的直接可以拿走