View, Browse, and Edit JSON Objects Visually

Sat, Jun 20, 2009

Tech Tips

Here are some helper applications that let you view, browse and edit JSON objects. When I am first working with a web service that returns JSON, I like a quick overview of what it includes. Having a navigable treeview helps find the properties that you need and get them quickly integrated into your code.

Here they are:

My JSON Editor with Demo
I like this one because it is simple and easy to use. You paste in your json string, click save and it gives you a quick tree view of your object.

My JSON Editor

My JSON Editor

JSON Editor
This one works too.

JSON Editor

JSON Editor

Firebug JSON Explorer
I actually havn’t it tried this one, but it was definitely worth mentioning. I use Firebug but this feature is only available in the 1.4 beta. I wasn’t feeling brave enough to upgrade my Firebug version at the time of writing.

What would be nice to see…
I would want to click on an element in the tree view and get the fully qualified javascript code to read the value. Save me some typing.

Bookmark and Share
,

Comments are closed.