使用 JSON 查看器 在浏览器选项卡中自动设置 JSON 响应和文件的格式并突出显示。

JSON 查看器 更改返回的 JSON 数据,使其更易于阅读。 有时,Web 服务器通过返回编码为 JSON 的数据来响应 HTTP 请求。 如果 JSON 数据的格式设置为单个较长的串联文本行,则可能难以读取。 从磁盘打开 JSON 文件时也会出现相同的情况。

JSON 查看器 通过多种方式提高了 JSON 数据的可读性:

  • JSON 语法以不同的颜色突出显示。
  • 对象属性在它们自己的行上显示并缩进。
  • 对象可以折叠或展开。
  • JSON 查看器与操作系统的深色或浅色主题相匹配。
  • 从版本 110 开始, JSON 查看器 工具作为试验包含在 Microsoft Edge 中。

    启用 JSON 查看器

    默认情况下,JSON 查看器 未启用。 若要启用 JSON 查看器试验,请执行以下操作:

  • 转到 edge://flags

  • “搜索标志 ”文本字段中,键入 “JSON 查看器 ”。

  • “JSON 查看器 ”下拉菜单中,选择“ 已启用 ”。

  • 单击右下角显示的 “重启 ”按钮:

  • 在 Microsoft Edge 中打开新的选项卡或窗口。

  • 在地址栏中键入返回 JSON 数据的 URL。 例如,使用 此示例 JSON 响应 。 可以在 MicrosoftEdge/Demos > json-dummy-data 中找到更多 JSON 响应示例。

  • Microsoft Edge 检测到返回的数据是 JSON,并自动设置格式:

  • 在 Microsoft Edge 中打开新的选项卡或窗口。

  • 在 Windows 和 Linux 上按 Ctrl+O ,或在 macOS 上按 Command+O ,然后选择 JSON 文件。

  • Microsoft Edge 检测到文件包含 JSON 数据并自动设置格式:

    JSON 查看器 将语法突出显示应用于无效的 JSON。 但是, JSON 查看器 不会设置内容的格式,并且无法折叠或展开对象。

    可以在 控制台 工具中找到有关无效语法的信息, 其中 JSON 查看器 会报告错误。

    查看无效的 JSON 数据:

  • 在 Microsoft Edge 中打开新的选项卡或窗口。

  • 在地址栏中键入返回无效 JSON 数据的 URL。 例如,使用 此示例无效的 JSON 响应 。 可以在 MicrosoftEdge/Demos > json-dummy-data 中找到 JSON 响应的其他无效示例。

  • Microsoft Edge 检测到该文件包含无效的 JSON 数据,并突出显示它,但不重新格式化它。

  • Ctrl+Shift+J (Windows、Linux) 或 Command+Option+J (macOS) 打开 控制台 工具。

  • 控制台 工具中显示了指示 JSON 语法错误所在位置的 JavaScript 错误:

  •