如果您想查看其他人的网站CSS（学习借鉴，而不是抄袭），Firebug可以让您检查CSS的漂亮格式：
。但在Chrome 16中，您只能得到已提供的压缩后的CSS：
。是否有办法让Chrome对CSS进行漂亮的格式化呢？
。但在Chrome 16中，您只能得到已提供的压缩后的CSS：。是否有办法让Chrome对CSS进行漂亮的格式化呢？4个回答
27
在较新的版本中，有一个“格式”按钮可以美化源代码：
- TimoSolo
2
开发者控制台显示文件已经被提供。如果您想要一个可读的版本，请将代码复制粘贴到http://www.codebeautifier.com/中。
如果您使用元素选项卡，则每个元素还会显示应用的CSS属性。
如果您使用元素选项卡，则每个元素还会显示应用的CSS属性。
- Rob W
0
我推荐使用Quick Source Viewer，它是Chrome的一个扩展程序，不需要人工复制粘贴（类似于额外的Chrome开发工具）。
它可以显示当前页面的源代码格式和颜色编码，非常强大，可以显示页面的所有“源”，包括CSS、JS或HTML。甚至可以单独查看内联CSS/JS（高亮显示注入的代码）。最好的部分是，它可以美化所有这些内容，即使是CSS（Chrome的开发工具仍然无法做到这一点）。
- Hashbrown
0
你可能想要查看 Pretty Print: https://chrome.google.com/webstore/detail/prettyprint/nipdlgebaanapcphbcidpmmmkcecpkhg?hl=en
安装后，当您查看一个被压缩的 CSS 或 JS 文件时，它会在一段时间后显示未压缩的内容。
- jonathanbell
网页内容由stack overflow 提供, 点击上面的可以查看英文原文，
原文链接
原文链接