554025 - Implement JSON PrettyPrinting

Status: RESOLVED DUPLICATE of bug 1132203

(DevTools :: General, enhancement)

Description

[Kohei Yoshino [:kohei]]

JSON is getting popular these days. I know there are some add-ons to prittyprint JSON files but such functionality should be implemented by default like XML.

https://addons.mozilla.org/firefox/addon/10122 JSONovich
https://addons.mozilla.org/firefox/addon/10869 JSONView

Comment 1

[Kohei Yoshino [:kohei]]

Can anyone take this? I've seen some developers are confused as JSON files are downloaded.
FYI, Chrome/Safari renders application/json files as plaintext.

Comment 2

[Kohei Yoshino [:kohei]]

(Moving Product/Component for attention)

Comment 3

[Mike Ratcliffe [:miker] [:mratcliffe] [:mikeratcliffe]]

There is an extension called JSONView which handles this well including syntax highlighting, expanding / collapsing branches, unicode support, clickable links etc. I have to admit that it would make more sense to have this functionality built in to the browser.

Comment 4

[Paul Rouget [:paul]]

JSON.stringify can indent the code. Syntax highlighting could be achieved with Orion.

https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/JSON/stringify

Comment 5

[Brian Di Palma]

Sorry for the dense question but I presume this is needed for the 'Net' logging in the Web Console? When the user has clicked on 'Log Request and Request...' menu option?

Comment 6

[Kohei Yoshino [:kohei]]

This bug intends to implement PrettyPrinting in the browser content area like XML documents.

Comment 7

[Brian Di Palma]

OK, cool, I was thrown by

"Component: 	Developer Tools".

Good idea.

Comment 8

[Kohei Yoshino [:kohei]]

Yeah, actually this is not a part of DevTools but a goody for developers.

Comment 9

[Brandon Benvie [:benvie]]

The network monitor has a JSON view. Is there anything more required beyond that?

Comment 10

[Victor Porof [:vporof][:vp]]

We have JSON.stringify that can indent, the VariablesView that can display rawObjects and the source editor that can display colorized text. I think it's more than enough.

Comment 11

[Brandon Benvie [:benvie]]

I agree, going to resolve this.

Comment 12

[Kohei Yoshino [:kohei]]

This is not resolved, as my request was implementing JSON PrettyPrinting in the browser content area. Even in the network monitor, there is no PrettyPrinting ability.

Comment 13

[Pascal Chevrel:pascalc]

I was about to file the same bug and talked to Paul Rouget about it recently. Json is the new xml and the JsonView add-on has become an essential part of my workflow as I use Json a lot like most developpers working with external APIs. It would really be a great addition to Firefox for developpers (both frontend and backend since Json is also widely used in server-side scripting languages) to have pretty-printing of json files directly in the browser.

Comment 15

[Kohei Yoshino [:kohei]]

There's a thread on this feature request:
https://groups.google.com/forum/#!topic/mozilla.dev.platform/QmQSsujQSaA

Comment 16

[Jeff Griffiths (:canuckistani) (:⚡︎)]

Honza is working on this: 

"Also, here is github repo with the current prototype:
https://github.com/janodvarko/prototypes/tree/master/json-viewer
(+ a screenshot: http://snag.gy/BdUN5.jpg )"