Web Development Tools

JSON 格式化 & 验证

v1.2

在浏览器本地完成 JSON 格式化、压缩和可视化浏览,还能点击字段自动生成 JSON Path 并批量提取结果。

输入待处理内容

Line: 1, Col: 1

预览结果

// 结果将在此处显示

JSONPATH MATCHER

JSONPath 匹配

点击展开,或在树图中选择字段开始匹配。

当前路径
尚未匹配

匹配结果

// 匹配结果将在这里显示

LOCAL HISTORY

历史记录

最多保留 20 条,仅保存在当前浏览器。

暂无历史记录,完成格式化、压缩或批量提取后会显示在这里。

使用指南

将 JSON 粘贴到左侧输入区后,可以选择以下操作:

  • 格式化:补全缩进与换行,便于阅读与调试。
  • 压缩内容:移除多余空白,生成适合传输或嵌入的紧凑字符串。
  • 可视化浏览:展开或折叠对象与数组,直观查看 JSON 层级。
  • 批量提取:点击树中的字段生成 JSON Path,高亮匹配节点并提取结果。
  • 清空:快速回到空白状态。

v1.2 更新

  • 新增文字与树图双预览,完整 JSON 与可视化结构可以随时切换。
  • 新增 JSONPath 可视化匹配,点击树中字段即可生成精确路径或批量路径。
  • 匹配结果支持逗号分隔、逐行和 JSON 数组三种输出格式。
  • 优化长文本换行、预览区滚动、树图层级与展开折叠体验。

JSON Path 批量提取

在右侧“树图”预览中点击字段,下方折叠的 JSONPath 匹配区会自动展开,并同时生成精确路径和批量路径。例如点击数组第一项中的 name 字段:

  • 精确路径:$.users[0].name
  • 批量路径:$.users[*].name

选择“匹配同类字段”后,所有命中节点会在树中高亮,匹配结果则集中显示在下方匹配区,不会覆盖右侧的完整 JSON 预览。结果支持逗号分隔、每行一项和 JSON 数组三种格式。

字符串会直接输出;数字、布尔值和 null 会转换为文本;对象和数组会转换为紧凑 JSON。逗号分隔模式不会额外转义字符串中原有的逗号。

隐私与历史记录

所有处理均在当前浏览器本地完成。格式化、压缩和提取结果最多保存 20 条到当前浏览器的本地存储中,可以单条删除或全部清空。

设计意图

这不是一个追求炫技的代码工具,而是希望在高频、碎片化的日常开发中,把“信息整理”这件事做得更轻更顺手。