JSON 查看器
免费在线使用 JSON 查看器 无需安装即可使用工具
关于 JSON Viewer
直接在页面中解析并美化输出 JSON,以带颜色、带缩进的树形结构展示。每种值类型都有自己的颜色:对象键和 null 为紫色,布尔值为蓝色,数字为绿色,字符串为橙色,花括号、方括号和逗号为灰色。当输入无效时,查看器会显示原生的 JSON.parse 错误信息。
如何使用
1. 将 JSON 粘贴到输入文本框中。 2. 点击 Parse。 3. 渲染后的树形结构会出现在可滚动的结果面板中,每个嵌套层级缩进 10 px。
树形渲染与颜色
对象渲染为 { key: value, ... },键为带引号的紫色,花括号为灰色;数组渲染为 [ item, item ],方括号为灰色。每个嵌套层级为其子元素添加 10 px 的左边距,形成视觉缩进。字符串带外层双引号显示为橙色,数字为绿色,布尔值为蓝色,null 为紫色。各项之间的逗号以灰色绘制。树形结构是静态的(不支持折叠/展开);适用于检查中小型文档。
▶我可以折叠或展开树中的节点吗?
不可以。查看器渲染的是完全展开的只读树,没有折叠/展开控件;对于大型文档,建议使用 JSON Formatter。
▶颜色代表什么含义?
紫色标记对象键和 null;蓝色标记布尔值;绿色标记数字;橙色标记字符串(带引号);灰色标记花括号、方括号、冒号和逗号等结构标点。
▶缩进是如何应用的?
每个嵌套的对象或数组为其子元素添加 10 px 的左边距,从而在不依赖 JSON 源码内部空白字符的情况下生成可视化的树形结构。
▶输入无效的 JSON 会怎样?
JSON.parse 会抛出错误,错误信息会显示在红色的错误面板中。在输入成功解析之前,结果面板会保持为空。
如果这个工具对你有帮助的话,请考虑请我喝杯咖啡。
请给我买杯咖啡吧。