JSON 路径可视化器

将 JSON 或 JSONL 以可展开树形结构展示，并为每个节点生成可复制的 JSONPath 表达式

粘贴 JSON 或 JSON Lines 文本，或上传文件，即可像文件资源管理器一样检查嵌套结构。你可以搜索字段、展开数组和对象、复制如 $.store.book[0].title 这样的精确路径，并导出全部路径为 CSV，方便文档整理、接口测试和数据排查。

示例结果

1 个示例

浏览嵌套 store 数据并复制 JSONPath 路径

在编写测试、查询或转换规则前，先用树状视图理解数组、对象和精确路径。

JSON Path Visualizer report with 16 total paths, 3 visible matches, copied path actions, and CSV export.
查看输入参数
{ "jsonInput": "{\n \"store\": {\n \"book\": [\n { \"title\": \"Clean Code\", \"price\": 32, \"authors\": [\"Robert C. Martin\"] },\n { \"title\": \"The Pragmatic Programmer\", \"price\": 28, \"authors\": [\"Andrew Hunt\", \"David Thomas\"] }\n ],\n \"bicycle\": { \"color\": \"red\", \"price\": 99.95 }\n }\n}", "jsonFile": "", "inputFormat": "auto", "searchTerm": "price", "expandDepth": 3, "includeValuesPreview": true, "exportAllPathsAsCsv": true }

Click to upload file or drag and drop file here

Maximum file size: 10MB Supported formats: .json, .jsonl, application/json, text/plain

关键信息

分类
开发与 Web
输入类型
textarea, file, select, text, number, checkbox
输出类型
html
样本覆盖
4
支持 API
Yes

概览

JSON 路径可视化器是一款专为开发者和数据分析师设计的在线工具。它可以将复杂的 JSON 或 JSON Lines 数据转化为直观的树状结构，让你像使用文件资源管理器一样轻松浏览嵌套层级。通过该工具，你可以快速搜索特定字段，一键复制精确的 JSONPath 表达式（如 $.store.book[0].title），并支持将所有路径导出为 CSV 文件，极大提升接口调试、数据排查和文档编写的效率。

适用场景

  • •在进行 API 接口调试或编写自动化测试脚本时，需要快速获取深层嵌套字段的准确 JSONPath 表达式。
  • •接手包含大量未知结构的 JSON 或 JSONL 数据文件，需要快速理清数据层级和字段分布。
  • •编写接口文档或进行数据映射时，需要将所有可用的 JSON 节点路径导出为 CSV 格式进行整理。

工作原理

  • •粘贴 JSON/JSONL 文本或直接上传文件，工具会自动解析并生成可交互的树状视图。
  • •通过设置默认展开层级或使用搜索功能，快速定位到目标字段或节点。
  • •点击任意节点即可一键复制其对应的 JSONPath 表达式，或勾选导出选项将全部路径下载为 CSV 文件。

使用场景

后端开发者在编写 REST API 测试用例时，提取复杂响应报文中的特定字段路径。
数据工程师在处理日志文件（JSONL 格式）时，预览数据结构并导出路径清单以配置 ETL 映射规则。
前端开发者在对接第三方复杂接口时，快速查找并复制所需数据的 JSONPath 以进行数据绑定。

用户案例

1. 提取电商 API 响应中的商品价格路径

测试工程师
背景原因
在编写自动化测试脚本时，需要校验 API 返回的 JSON 数据中特定商品的价格是否正确。
解决问题
API 响应的 JSON 结构嵌套极深，手动数层级编写 JSONPath 容易出错且耗时。
如何使用
将 API 响应的 JSON 粘贴到输入框，在搜索词中输入 price，展开树状视图找到目标商品。
示例配置
{
  "searchTerm": "price",
  "expandDepth": 3,
  "includeValuesPreview": true
}
效果
快速定位到价格字段，一键复制出 $.store.book[1].price，直接粘贴到测试脚本中。

2. 整理日志数据字段字典

数据分析师
背景原因
收到一份包含用户行为日志的 JSONL 文件，需要整理出所有可能出现的字段以建立数据字典。
解决问题
日志文件包含多种事件类型，字段繁杂，手动梳理极易遗漏。
如何使用
上传 .jsonl 日志文件，勾选“导出全部路径为 CSV”选项。
示例配置
{
  "inputFormat": "jsonl",
  "exportAllPathsAsCsv": true
}
效果
工具解析所有日志行，生成完整的树状结构，并导出一份包含所有 JSONPath 的 CSV 文件，直接用于数据字典的编写。

用 Samples 测试

json, csv, text
聊天记录 JSON 示例
多角色聊天记录的 JSON 示例
title token json
json, text
富媒体 JSON 示例
常见富文本编辑器（TipTap、Quill、Slate）的 JSON 示例
title token json
json, text
ELK Stack 日志分析示例
全面的 ELK Stack（Elasticsearch、Logstash、Kibana）示例，用于分布式系统中的日志聚合、处理和可视化
preferred input family json,text
json, text
JWT 示例
从基础令牌结构到高级安全实现的全面JWT示例
preferred input family json,text
json, text

相关专题

Json 工具专题
探索 47 个围绕 json 的 utility 工作流工具，快速找到相近能力。
JsonConvert工具专题
探索 100 个围绕 json 的 convert 工作流工具，快速找到相近能力。
TextConvert工具专题
探索 80 个围绕 text 的 convert 工作流工具，快速找到相近能力。
CsvConvert工具专题
探索 38 个围绕 csv 的 convert 工作流工具，快速找到相近能力。

常见问题

支持哪些输入格式？

支持标准的 JSON 文本以及 JSON Lines (JSONL) 格式，你可以直接粘贴文本或上传 .json、.jsonl 文件。

能否处理非常深的嵌套结构？

可以。你可以通过调整“默认展开层级”来控制初始视图的深度，避免一次性展开过多节点导致浏览困难。

如何获取某个字段的 JSONPath？

在生成的树状视图中找到目标字段，点击该节点旁边的操作按钮，即可将精确的 JSONPath（如 $.user.address.city）复制到剪贴板。

导出的 CSV 文件包含哪些内容？

导出的 CSV 文件会包含 JSON 数据中所有节点的完整 JSONPath 列表，方便你进行批量处理、ETL 映射或文档记录。

搜索功能如何使用？

在搜索框中输入字段名或部分路径（例如 price），工具会过滤并高亮显示匹配的节点，帮助你快速定位目标数据。

API 文档

请求端点

POST /zh/api/tools/json-path-visualizer

请求参数

参数名 类型 必填 描述
jsonInput textarea 否 -
jsonFile file (需要先上传) 否 -
inputFormat select 否 -
searchTerm text 否 -
expandDepth number 否 -
includeValuesPreview checkbox 否 -
exportAllPathsAsCsv checkbox 否 -

文件类型参数需要先通过 POST /upload/json-path-visualizer 上传获取 filePath，然后将 filePath 传递给对应的文件字段。

响应格式

{
  "result": "
Processed HTML content
",
  "error": "Error message (optional)",
  "message": "Notification message (optional)",
  "metadata": {
    "key": "value"
  }
}
HTML: HTML

AI MCP 文档

将此工具添加到您的 MCP 服务器配置中： 

{
  "mcpServers": {
    "elysiatools-json-path-visualizer": {
      "name": "json-path-visualizer",
      "description": "将 JSON 或 JSONL 以可展开树形结构展示，并为每个节点生成可复制的 JSONPath 表达式",
      "baseUrl": "https://elysiatools.com/mcp/sse?toolId=json-path-visualizer",
      "command": "",
      "args": [],
      "env": {},
      "isActive": true,
      "type": "sse"
    }
  }
}

你可以串联多个工具，比如：`https://elysiatools.com/mcp/sse?toolId=png-to-webp,jpg-to-webp,gif-to-webp`，最多20个。

支持 URL 文件链接或 Base64 编码作为文件参数。

如果遇见问题，请联系我们：[email protected]