Chrome Developer Tools: inspect prettified CSS

Asked 2011-11-17T20:34:07.280

If you want to look at the CSS of other people's websites (to ~~steal~~ learn from them), Firebug lets you inspect the prettified CSS:

Firebug

But in Chrome 16, you only get the minified CSS as it was served out:

Chrome

Is there a way to get Chrome to prettify the CSS?

css google-chrome google-chrome-devtools

Edit Report

1 Answer

The Developer's console shows the file as served. If you want a human-readable version, copy-paste the code to http://www.codebeautifier.com/.

If you use the Elements tab, the applied CSS properties are also shown per element.

answered 2011-11-17T20:42:13.800