跳转到主要内容

developer-tools

在线JSON格式化工具:快速查看、编辑和修复JSON

robinhood-projects1 分钟阅读

JSON 查看器、格式化工具与编辑器

在实时交互树中查看、编辑和格式化 JSON。支持内联值编辑、键名重命名、添加/删除节点、JSONC 注释以及一键导出——全部在浏览器中完成。

使用工具 →

JSON 转 CSV 转换器

在浏览器中即时将 JSON 对象数组转换为 CSV 格式。

使用工具 →

CSV 转 JSON 转换器

在浏览器中即时将 CSV 数据转换为 JSON 对象数组。

使用工具 →

Base64 编解码工具

在浏览器中即时将文本或二进制数据编码为 Base64,或将 Base64 字符串解码为纯文本。

使用工具 →

JSON无处不在,但直接阅读原始JSON让人头疼。

每个开发者都遇到过这种情况:请求一个API接口,终端里涌出一大堆JSON,你要在六层嵌套里找一个字段。或者打开别人修改过的package.json,试图用肉眼找出改动在哪里。原始JSON对机器友好,但对人眼极不友好。

这正是FileCrank在线JSON格式化工具要解决的问题——无需安装,无需注册,完全在浏览器中运行。

你能用它做什么

粘贴即可探索

将任意JSON粘贴到输入区域,工具立即渲染出可展开折叠的彩色树状视图:

  • 字符串显示为绿色
  • 数字显示为蓝色
  • 布尔值显示为紫色
  • null值显示为灰色

折叠data数组,聚焦meta块。只展开你关心的对象。光是这一点,处理大型API响应时就能节省好几分钟。

支持JSONC——注释自动处理

正在处理配置文件?很多实际的配置文件——VS Code设置、TypeScript配置——使用JSONC格式:带注释的JSON。标准的JSON.parse遇到//和/* */注释会直接报错。这款在线编辑工具会在解析前自动剥离注释,让你直接粘贴原始配置文件,无需手动删除注释行。

直接在浏览器中编辑

不需要打开文本编辑器来修改一个错误的值。点击树状视图中的任意值即可内联编辑。工具自动识别类型:输入true变成布尔值,输入42变成数字,加引号则保持为字符串。双击键名可以重命名。

实际例子: 你收到一个webhook payload,其中"active": "true"是字符串而不是布尔值。点击该值,输入true(不加引号),按Enter。搞定。

添加和删除节点

需要添加新键值对?点击任意对象或数组旁边的+按钮。需要删除某个节点?点击×。树状视图立即更新。

实时显示导出JSON

编辑过程中,下方的"生成的JSON"面板实时更新,展示完整的修改后JSON,随时可以复制。不需要单独的"应用"步骤——树状视图中看到什么,输出就是什么。

一键复制、重置、追踪改动

点击"复制"即可将完整JSON复制到剪贴板。"重置"将所有改动还原为最初粘贴的内容。当工作副本与输入不同时,琥珀色的已修改标识会自动出现,让你随时清楚当前状态。

真实使用场景

假设你在调试一个REST API响应:

  1. 从网络面板或API客户端复制响应体
  2. 粘贴到JSON格式化工具中
  3. 折叠results数组——200条数据,你只关心外层结构
  4. 发现pagination.total是"500"(字符串)而不是500(数字)
  5. 点击该值,输入500,按Enter
  6. 从输出面板复制修正后的JSON
  7. 粘贴到测试用例或Bug报告中

全程不到30秒,无需任何本地工具。

现在就试试

打开在线JSON格式化工具,粘贴一个你一直想检查的API响应,看看树状视图比盯着压缩JSON快多少倍。

如果你需要处理JSON之外的结构化数据,可以继续使用JSON转CSV、CSV转JSON或Base64编解码工具。