在日常开发过程中JSON 几乎无处不在。无论是调试 API 接口查看服务器返回数据分析配置文件前后端数据交互我们都会频繁接触 JSON。但是一个很常见的问题是JSON 数据经常是一整行没有缩进没有格式看起来非常困难。例如{name:CodeKitHub,tools:[{name:JSON Formatter,free:true},{name:UUID Generator,free:true}],version:1.0}虽然这段 JSON 是有效的但是人工阅读和检查非常麻烦。为什么需要 JSON Formatter很多开发者遇到这种情况时会选择手动添加换行和缩进使用 IDE 插件打开一些在线工具但是这些方式各有一些问题。比如1. 临时安装插件成本较高有时候只是想快速查看一段 JSON没有必要安装额外的软件。2. 在线工具可能存在隐私问题很多 JSON 数据来自API 返回结果测试环境数据配置文件如果数据包含敏感信息上传到第三方服务器并不是最佳选择。3. 开发过程中需要快速操作开发者更需要的是打开网页 → 粘贴 JSON → 自动格式化。所以我做了一个简单的 JSON Formatter为了解决这个问题我开发了一个免费的在线 JSON Formatter 工具。它主要提供JSON 格式化将压缩后的 JSON 自动转换成易读结构。例如之前{user:{name:Tom,age:20}}格式化后{user: {name: Tom,age: 20}}JSON 校验如果 JSON 存在缺少括号多余逗号格式错误可以快速发现问题。浏览器本地处理这个工具采用浏览器端处理方式。也就是说JSON 数据直接在你的浏览器中处理不需要上传到服务器。对于测试数据和开发数据来说更加安心。在线体验如果你平时经常需要处理 JSON可以直接使用CodeKitHub JSON Formatter CodeKitHub — Free Online Tools关于 CodeKitHub除了 JSON Formatter 之外我也在维护一个免费的在线开发者工具集合CodeKitHubCodeKitHub — Free Online Tools for Developers Everyday Use目前包含JSON FormatterBase64 Encoder / DecoderUUID GeneratorDate Calculator更多开发工具持续添加中目标是打造一个简单、快速、无需安装的软件工具箱。总结好的开发工具不一定需要复杂。很多时候一个解决单一问题的小工具就可以节省大量时间。JSON Formatter 就是这样一个小工具让查看、调试和处理 JSON 变得更加简单。如果你也经常处理 API 数据希望这个工具可以帮助到你。项目地址JSON Formatter:https://codekithub.com/json-formatter/CodeKitHub:https://codekithub.com/