如何在chrome中查看页面的CSS,而不是一行

Question

如何以更漂亮的格式查看chrome中的css.目前我看到的是:

input_tiny {宽度:50像素} .input_small {宽度:100px的} .input_medium {宽度:150像素} .input_large {宽度:200像素} .input_xlarge {宽度:250像素} .input_xxlarge {宽度:300像素} .input_full {宽度:100%}. input_full_wrap {显示:块;填充右:8像素} :: - MOZ-聚焦内{边界:0;填充:0} {输入余量:0}输入[类型= "搜索"] :: - WebKit的阻铁

它们只是一线呈现!我怎么能把它作为多行

.input_tiny{
    width:50px
 }
 .input_samll{
     width:100px
 }
 ......

Answer 1

Chromium票证已更新为固定的 https://code.google.com/p/chromium/issues/detail?id=163123

现在可以在chrome stable中使用.你需要点击带花括号的按钮来美化CSS(就像你做JS一样)

Answer 2

您可以复制并粘贴到代码美化器中.我不喜欢,但有一对包括:

http://www.codebeautifier.com/

http://procssor.com/

只是Google for css beautifiers/prettifiers.

仅供参考...你也可以使用类似的Javascript工具.