Home › Code and dev › JSON Viewer
🔧

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

TypeExampleNotes
String"hello"Wrapped in double quotes
Number42 / 3.14Integer or float
Booleantrue / falseLower case, no quotes
nullnullEmpty value, lower case