On: Firefox Developer Edition

[rkwz]

> What tools do you need?

I wonder where do you draw a line for a developer oriented browser. Is a good 'line' be tools for 'whatever loads on page'?

Since we already have color picker etc, I think good candidates are

* Onscreen ruler

* Gradient generator

* Builtin JSfiddle

* CSS sprite generator

* Image to base64

* JS/HTML/CSS formatter

* JSON tools - tree-viewer/formatter/validator

* XML tools - tree-viewer/formatter/validator/xpath

[acdha → rkwz]

The JavaScript view in the debugger already has a built-in prettifier – look for the {} icon in the lower left corner.

It'd be really nice to have that for CSS, particularly if it could do a side-by-side view for e.g. source-mapped original and prettified CSS-as-used.

[cturhan → rkwz]

++1 for JS/HTML/CSS formatter and json tools