Chrome Dev Tools: View unminified CSS

Question

Perhaps I'm missing something (a toggle perhaps) but is there a way to view the unminified (prettyprint) version of a minified CSS source file in Chrome dev tools?

enter image description here

score 38 · Accepted Answer · answered Apr 05 '14 at 18:57

38

This is the minified version :

enter image description here

And here goes the unminified one :

enter image description here

answered Apr 05 '14 at 18:57

MD. Sahib Bin Mahboob

20,246
2
23
45

which version of chrome it is? I don't have the '{}' button in 41.0.2272.101 m – Alexander Paramonov Mar 25 '15 at 13:11
@AlexParamonov which tab you are in when trying to find '{}' ? – MD. Sahib Bin Mahboob Apr 08 '15 at 06:12
that is odd, but I see it now under the "sources" tab. – Alexander Paramonov Apr 08 '15 at 13:49
@AlexParamonov congratulations :) – MD. Sahib Bin Mahboob Apr 09 '15 at 05:00
1

Still relevant in 2017, you sir are my hero. – Hybrid web dev Mar 22 '17 at 04:53

score 2 · Answer 2 · answered Apr 05 '14 at 18:30

2

Under the sources tab, just click on the "{ }" button.

answered Apr 05 '14 at 18:30

Manuel Spezzani

1,041
7
15

Chrome Dev Tools: View unminified CSS

2 Answers2

Linked