JSON 与数据工具

JSON Viewer

把 JSON 安全渲染为可展开的树形结构,并可随时切换回原始格式化文本。

Ctrl / ⌘ + Enter 可执行

在 Raw 与可折叠 Tree 视图之间切换,清晰区分不同 JSON 类型。

这个工具是什么

JSON Viewer 把对象和数组转换为可交互的树。字符串、数字、布尔值与 null 使用不同文字样式;对象和数组可逐项展开或收起。用户值通过 createElement 与 textContent 写入页面,不会当作 HTML 执行。

  • Raw 视图显示格式化后的 JSON。
  • Tree 视图支持单节点及全部展开/收起。
  • 即使值中包含 HTML 标签或脚本字符,也只会显示为普通文本。

如何使用

  1. 粘贴合法 JSON。
  2. 点击“生成视图”。
  3. 选择 Raw 或 Tree 标签。
  4. 使用节点箭头、全部展开或全部收起浏览大型结构。

常见用途

  • 阅读层级很深的接口响应。
  • 检查数组元素和对象字段的数据类型。
  • 安全查看包含未知字符串的 JSON。

JSON Viewer 功能特点

在 Raw 与可折叠 Tree 视图之间切换,清晰区分不同 JSON 类型。 适合日常开发、调试、数据整理与代码优化场景,处理结果可直接查看、复制或下载。

FAQ

Tree 视图会执行字符串里的 HTML 吗?

不会。所有键和值都作为文本节点渲染,不使用用户内容拼接 innerHTML。

为什么大数组默认需要收起?

收起可减少页面高度并帮助先观察顶层结构,您可以随时展开单个节点或全部节点。

Raw 和 Tree 的数据一样吗?

一样。两种视图来自同一次 JSON 解析,只是呈现方式不同。

返回开发者工具分类首页