Readable JSON
  • About
  • Github Repo
  • Enter JSON
  • View Content
Back to the input!

About Readable JSON

Hey, welcome! This site wants to help you make sense of some JSON, that you got hold of.

FAQ
What happened to all the braces and quotes?!?
Rest assured, your original JSON is unharmed! The readable view tries to remove as much syntax clutter as possible from the data. At the same time it processes the content to make links clickable, colors visible, and timestamps readable.
Will my data get sent to the ’Net?
No. We will never send any of your data over the wire. The whole process works locally in your browser.
Can I pre-fill the JSON field somehow?
Yes. Link to this page with the data appended as anchor hash:
https://readable-json.boldewyn.de/#json={"foo":"bar"}
Note, that you will have to URL-encode it properly, so that it arrives here unclobbered.
Note also, that in this case others can possibly see your JSON data. Do not use this method for sensitive content!
But…, but… you changed the content and the object keys!
Yes, that’s intentional. This page wants to help non-technical users to grasp, what’s into the JSON data. For this, things like camelCase or ISO 8601 datetime strings build active barriers. Readable.json removes those. If you need the original data for post-processing, it’s available as HTML attribute data-original on strings, and as title on object keys.
When I enter a URL, I always get an error message.
The JSON from the URL is loaded by your browser directly. If the target server doesn’t allow a browser to load the data from another website (i. e. this page), the browser will report an error. Unfortunately, in this case you have to go to the URL yourself and copy ’n paste the JSON to this page manually.
Who’s behind this?
Hi! I’m Manuel Strehl, a web developer from Germany. You can find me on Twitter, read my blog or view my other Github projects.