JSON Viewer

关于此工具

The tree is built from the same token stream the formatter prints from, so what you see is what your document actually says: a twenty digit integer keeps every digit, and keys that look like numbers stay in the order you wrote them. Branches are drawn when you open them rather than all at once, which is what keeps a large document responsive instead of freezing the tab while ten thousand rows are laid out. Selecting a value shows its path and highlights the source text it came from in the editor, so moving between the shape of a document and the text of it does not mean counting brackets by hand. A graph view lays the same tree out as nodes and connecting lines instead, for a document where the relationships between values matter more than the order they were written in. A table view reads an array of objects as a grid instead, with sortable columns, a column visibility picker, a click to copy any cell, and an Export CSV button, for the equally common case where the document already is a list of records and a spreadsheet is the natural way to look at it.

使用方法

1. 1 Paste your JSON into the editor on the left, or load the sample.
2. 2 The tree is drawn as soon as you stop typing. Open a branch to see what is inside it.
3. 3 Select a value to see its path and highlight it in the editor, then copy the path with one button.