JSON 查看器在线：格式化并浏览树形

用这款 JSON 查看器格式化并以可折叠树形浏览数据，展开或折叠节点，复制精确路径。

你的 JSON 在浏览器本地解析与显示，不会上传到任何服务器。

由 Udit Agarwal 开发和维护

需要从 JSON 生成 TypeScript 类型？试试 JSON 转 TypeScript 工具。

关于 JSON 查看器

这款 JSON 查看器为你提供一个双栏工作区，用于阅读和整理 JSON：在「文本」标签页中编辑、格式化或压缩数据，然后切换到「查看器」标签页以可折叠树形浏览它。它专为开发者、QA 工程师，以及任何需要在线查看 JSON 而不想在大段文本中翻找的人调试 API 响应而打造。展开或折叠节点，深入嵌套的对象和数组，并点击任意值以复制其精确路径。作为 JSON 树形查看器，它也兼具快速 JSON 格式化的功能，帮你美化压缩后的数据并一目了然地看清结构。一切完全在你的浏览器中运行，因此数据绝不离开你的设备，也不会上传到任何服务器。

功能特性

  • 双栏布局：「文本」标签页用于编辑和格式化，「查看器」标签页用于浏览
  • 可折叠树形视图，可展开和折叠嵌套的对象与数组
  • 「全部展开」和「全部折叠」按钮，一次性重塑整个文档
  • 点击任意节点即可在底栏看到其完整路径（例如 author.links）
  • 一键复制节点路径，可用于代码或查询
  • 在「文本」标签页中用「格式化」美化或「压缩」紧凑化原始 JSON
  • 即时下载格式化后的 JSON 或复制整个文档
  • 完全在你的浏览器中运行，不会上传到任何服务器

如何使用 JSON 查看器

  1. 将你的 JSON 粘贴或输入到「文本」标签页中。
  2. 点击「格式化」美化它，或点击「压缩」紧凑化它，并确认其有效。
  3. 切换到「查看器」标签页以查看可折叠的树。
  4. 使用「全部展开」或「全部折叠」，或点击单个节点深入查看。
  5. 点击某个值并从底部栏复制其路径。

示例

输入

{"author":{"name":"Ada","links":["site","blog"]}}

输出

{
  "author": {
    "name": "Ada",
    "links": [
      "site",
      "blog"
    ]
  }
}

在「文本」标签页中格式化；在「查看器」中点击第一个链接会显示路径 author.links[0]。

常见错误与故障排除

  • 「查看器」标签页为空，或没有可展开的内容。 — 检查「文本」标签页是否有语法错误，例如末尾逗号或未加引号的键；树只渲染有效的 JSON。
  • 粘贴的片段含有单引号或 JavaScript 风格的键。 — JSON 要求键和字符串值使用双引号。在查看前将单引号转换为双引号。
  • 庞大的文档展开起来感觉缓慢。 — 先使用「全部折叠」，然后只展开你需要的分支，而不是一次性打开每个节点。
  • 你复制了一个路径，但它与你的代码不匹配。 — 路径从根节点起使用点号和方括号表示法；若你所用语言的访问语法不同，请相应调整。

常见问题

JSON 查看器用来做什么？
JSON 查看器让你格式化、压缩 JSON 并以可折叠树形浏览它，因此你无需在大段原始文本中翻查就能阅读 API 响应和配置文件。
如何在 JSON 查看器中获取某个值的路径？
在「查看器」标签页中点击任意节点，其路径（例如 author.links）会出现在底部栏中，可直接复制。
我能一次性展开或折叠整棵树吗？
可以。使用工具栏中的「全部展开」和「全部折叠」按钮，一键重塑整个文档。
JSON 查看器也能格式化和压缩我的 JSON 吗？
可以。「文本」标签页用「格式化」和「压缩」按钮美化或紧凑化原始 JSON，然后「查看器」标签页会将其显示为可浏览的树。
使用 JSON 查看器时，我的 JSON 会被发送到任何地方吗？
不会。JSON 查看器完全在你的浏览器本地处理一切，因此数据绝不离开你的设备，也不会上传。
JSON 查看器如何处理无效的 JSON？
「查看器」标签页需要有效的 JSON 才能构建树；修复「文本」标签页中标注的任何错误（包括行号与列号），树便会渲染。

相关工具

更多JSON工具

  • JSON 转 TypeScript — 从 JSON 示例生成 TypeScript 接口。
  • JSON 转 CSV — 将扁平 JSON 对象数组转换为 CSV。
  • JSON 转义 / 反转义 — 将文本转义为 JSON 字符串，或将 JSON 字符串反转义为纯文本。
  • JSON 转代码 — 从 JSON 生成 Go、Rust、Python、Java、Kotlin、C# 和 TypeScript 类型。
  • JSON Diff — 对比两个 JSON 文档，查看与键顺序无关的结构化差异。
  • JSON Schema 生成器 — 从样本生成 JSON Schema，或根据 schema 校验文档。
  • JSON 扁平化 / 还原 — 将嵌套的 JSON 扁平化为点记法键，或将扁平路径还原回去。
  • JSON 转 Zod — 从 JSON 示例生成 Zod 模式，可推断类型与嵌套对象。
  • JSON 转 Pydantic — 从 JSON 示例生成 Pydantic v2 模型类，带类型推断。
  • JSONPath 求值器 — 针对你的 JSON 测试 JSONPath 表达式，实时查看匹配结果。
  • JSON 转 TOON — 将 JSON 转为 TOON 再转回来，用更少的 token 装下相同数据。
  • jq 演练场 — 在浏览器中针对 JSON 运行真正的 jq 引擎，即时看到结果。

查看全部JSON工具 (29) · 全部工具