JSON viewer

Searching a large response

Start typing in the search box above the tree and every key and value containing that text gets highlighted. The tree opens to the first match, Enter takes you to the next one, and Shift+Enter goes back. If you’re after one record in a long list, search for something you already know about it, like its ID or the customer’s email address.

Copying a path into your code

When you click a row, the details panel next to the tree shows the path to that value written four different ways. In the example data, the path to the second order’s customer email looks like this:

JavaScript     data.orders[1].customer.email
Python         data["orders"][1]["customer"]["email"]
jq             .orders[1].customer.email
JSON Pointer   /orders/1/customer/email

Copy whichever one fits what you’re writing. If you hide the details panel to give the tree more room, the same copy buttons stay in a bar under the tree. Keys that can’t be written after a dot, such as first-name, are put in brackets for you. The jq path also works in the validator’s Query view and with the jq command line tool, and JSON Pointer is the format JSON Patch and JSON Schema use.

Viewing a list as a table

If your JSON contains a list of objects, open the Table tab to see it with one row per object and one column per key. The viewer picks the longest list on its own, so when an API wraps its results in something like {"data": {"items": [...]}}, the table shows the items right away. When there’s more than one list, you can switch between them above the table.

A small nested object gets a column for each of its keys, like price.amount and price.currency, so you can read and sort by those values too. Click a column heading to sort, or click a cell to see where it sits in the tree. If you need the list in a spreadsheet, Convert to CSV opens it in JSON to CSV.

Large files, exact numbers and repeated keys

The viewer opens files up to 20 MB. Smaller documents open fully expanded. Bigger ones open a few levels deep so the page stays responsive, and long lists show 200 items at a time. Expand all and Collapse all are above the tree if you want something different, and the full screen button next to them gives the tree or table the whole window. Press Esc to go back.

Numbers are shown exactly as they’re written in the file. Viewers that read JSON with JavaScript’s JSON.parse will show an ID like 9007199254740993 as 9007199254740992, because the number is too large for JavaScript to store exactly.

If an object has the same key twice, you’ll see both copies marked as duplicates. Most parsers keep the last one without any warning, which can explain why your code reads a different value from the one you’re looking at in the file.

Opening JSON from a URL

You can also paste an API address into the URL box, and your browser will request it directly. That only works when the site lets other pages read its responses. Many public APIs do, but anything that needs a login or an API key won’t. In that case, save the response as a file and open the file here instead.

If the JSON has a syntax error, the viewer shows the line and column and offers to repair it. To find out what a parser’s error message means, paste it into the JSON error lookup.