Chrome Developer Tools: Check CSS Prefix

Question

If you want to look at other people's CSS sites (so that steal can learn from them), Firebug allows you to check CSS prefix:

But in Chrome 16, you only get miniature CSS since it was served:

Is there a way to get Chrome to remove CSS?

Answer 1

In newer versions there is a "format" button that prevents the source:

(only realized himself: P)

Answer 2

The developer console shows the file as being serviced. If you want to read a version for a person, copy-paste the code into http://www.codebeautifier.com/ .

If you use the Elements tab, the applied CSS properties are also displayed for each element.

Answer 3

I recommend Quick Source Viewer , which is an extension for chrome and does not require copying as human copies (acts as an additional chrome-dev tool). It can show you the source of the current page, formatted and color-coded.

This is quite powerful, showing all the "sources" of the page, whether it be css, js or html. Even things like inline css / js can be viewed individually (with highlighted highlighted code). And the best part is all their stumbling blocks, even css (which chrome dev tools still refuses to do).

Answer 4

You can check out Check Pretty Print: https://chrome.google.com/webstore/detail/prettyprint/nipdlgebaanapcphbcidpmmmkcecpkhg?hl=en

After installation, when you view a mini CSS or JS file, it will be displayed (in a moment) without notice.