这个工具是什么
JSON Viewer 把对象和数组转换为可交互的树。字符串、数字、布尔值与 null 使用不同文字样式;对象和数组可逐项展开或收起。用户值通过 createElement 与 textContent 写入页面,不会当作 HTML 执行。
- Raw 视图显示格式化后的 JSON。
- Tree 视图支持单节点及全部展开/收起。
- 即使值中包含 HTML 标签或脚本字符,也只会显示为普通文本。
如何使用
- 粘贴合法 JSON。
- 点击“生成视图”。
- 选择 Raw 或 Tree 标签。
- 使用节点箭头、全部展开或全部收起浏览大型结构。
常见用途
- 阅读层级很深的接口响应。
- 检查数组元素和对象字段的数据类型。
- 安全查看包含未知字符串的 JSON。
JSON Viewer 功能特点
在 Raw 与可折叠 Tree 视图之间切换,清晰区分不同 JSON 类型。 适合日常开发、调试、数据整理与代码优化场景,处理结果可直接查看、复制或下载。
FAQ
Tree 视图会执行字符串里的 HTML 吗?
不会。所有键和值都作为文本节点渲染,不使用用户内容拼接 innerHTML。
为什么大数组默认需要收起?
收起可减少页面高度并帮助先观察顶层结构,您可以随时展开单个节点或全部节点。
Raw 和 Tree 的数据一样吗?
一样。两种视图来自同一次 JSON 解析,只是呈现方式不同。