刚刚上线了一个实用的JSON网站 - 支持格式化、校验、压缩

在日常的程序开发中，经常需要对JSON进行格式化和对格式进行校验。目前，在网络上也已经有了很多在线的JSON处理工具。

最近在持续的优化自己的网站极客网，想要把一些自己常用的或觉得有价值的工具也集成进来。

刚好看到了一个不错的github项目，该项目是一个基于 Web的JSON编辑器，支持查看、编辑、格式化和验证JSON等功能。

于是我尝试基于这个项目的API，增加了一些个性化的功能。

整体效果如下图所示，网站地址为：JSON格式化网站

格式化

在左边的输入框，输入以下JSON内容：

{"array":[1,[3,5]],"boolean":true,"htmlcode":""","escaped_unicode":"\u20b9","unicode":"₹,💩","number":123,"object":{"a":"b","c":"d","e":[1,2,3]},"string":"Hello World","url":"http://jsoneditoronline.org","[0]":"zero"}

输入完成后，右边会自动显示格式化好的内容：

点击编辑器上方的复制按钮，可以复制格式化后的内容。

通过点击编辑器左上方的两个按钮，也可以实现对当前内容的格式化和格式压缩：

第一个按钮是格式化，第二个按钮是压缩格式。

关闭自动同步

如果不想让左边的内容自动同步到右边，可以取消上方的"自动同步内容到右边"复选框。

可以看到，左边修改的内容，右边不会同步更新了。

格式校验

如果输入的JSON内容格式有问题，编辑器会自动提示：

这里的值缺少了一个双引号，编辑器给出的简单的“Bad string”提示。

对比差异

如果想对比两份JSON内容存在差异的地方，可以点击编辑器上方的"对比差异"按钮。

可以看到，对于每一个有差异的地方，编辑器都给出了高亮的显示。

对比功能，只有在"树"显示模式下才支持。

在"树"显示模式下，每次只能修改一个key和value。

如果想要粘贴或修改一整份内容，需要切换到"代码"显示模式：

只读模式

如果想防止格式化后的内容不小心误修改了，可以选择"查看"和"预览"显示模式。在这两个模式下，内容是只读的。

参考

github.com/josdejong/j…

www.996geek.com/