JSON Viewer
Explore JSON as a collapsible tree with search, formatting and minifying
JSON 输入
树形视图
输入 JSON 后点击"格式化视图"查看树形结构
About this tool
The JSON viewer renders data as a collapsible tree, which makes complex payloads easy to read and is a handy companion for API debugging and config files:
- Tree view: a foldable hierarchy of the whole document
- Expand and collapse: click a node, or expand and collapse everything at once
- Search: find keys or values, highlight matches and jump to the previous or next hit
- Format and minify: switch between pretty and compact output in one click
- Type colors: strings, numbers, booleans and null each get their own color
- Copy path: click a node to copy its JSONPath
When to use it
- Debug deeply nested JSON from a REST API
- Inspect large config files such as package.json or tsconfig.json
- Read query results from Elasticsearch or MongoDB
- Locate a specific field quickly
Everything runs locally in the browser; nothing is uploaded.
JSON types
| Type | Example | Notes |
|---|---|---|
| String | "hello" | Wrapped in double quotes |
| Number | 42 / 3.14 | Integer or float |
| Boolean | true / false | Lower case, no quotes |
| null | null | Empty value, lower case |