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响应:
- 从网络面板或API客户端复制响应体
- 粘贴到JSON格式化工具中
- 折叠
results数组——200条数据,你只关心外层结构 - 发现
pagination.total是"500"(字符串)而不是500(数字) - 点击该值,输入
500,按Enter - 从输出面板复制修正后的JSON
- 粘贴到测试用例或Bug报告中
全程不到30秒,无需任何本地工具。
现在就试试
打开在线JSON格式化工具,粘贴一个你一直想检查的API响应,看看树状视图比盯着压缩JSON快多少倍。