Super User is a question and answer site for computer enthusiasts and power users. It's 100% free, no registration required.

Sign up
Here's how it works:
  1. Anybody can ask a question
  2. Anybody can answer
  3. The best answers are voted up and rise to the top

More often than not when using things like CMS'es and static site generators, HTML output looks like rubbish (wrong indendation being the most annoying flaw).

Is there any solution for having rendered output in Chrome's "View Source" tidied / prettified?

In my case I'm using a static site generator. Everything looks perfect in the editor but code gets screwed when previewing in the browser.

(I know I can probably add a build task (e.g. Grunt) to handle HTML-prettifying. But in many cases, such as when using live-reload tools (I'm using where you actually preview an internal version of the site, that's not an optimal solution.)

share|improve this question
up vote 3 down vote accepted

I recommend Quick Source Viewer.
It can show you the source of the current page formatted and colour coded.

It's pretty powerful, showing all 'sources' of the page, be it css, js or html. Even things like inline css/js can be viewed individually (with injected code highlighted). And the best part is it prettifies all of them, even the css (which chrome's dev tools still refuses to do).

share|improve this answer
Thanks! That's a great recommendation, I'll be using it. If only it was integrated within DevTools to prevent having it in a separate window and manually refreshing upon changes … :) – Henrik Nov 15 '13 at 9:33

Your Answer


By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.