分享一个简洁易用的开源在线 JSON 格式化验证工具

[awesomes]

其实在开发中是经常会用到 JSON 格式化工具的，比如后端接口返回的数据，有需要的同学可以收藏一下 http://json.awesomes.cn/

[gotounix]

Windows 10/Firefox 51.0b14 (64 位)

[mgna17]

写下编码吧，点进去满屏乱码。。。

[xycool]

这跟 http://json.cn/ 有什么区别吗

[awesomes]

@mgna17 谢谢提醒 我看看

[awesomes]

@gotounix 麻烦看看是否已经可以可

[gotounix]

@awesomes OK 了。

[soli]

我用这个： http://jsonviewer.stack.hu

[awesomes]

@xycool 是这样的，我之前也是用 json.cn 的，我认为很简洁，不过还是发现有些地方不是很好（如：压缩后不是 textarea ， ctr+a 不好复制，折叠后不能直接点击数字展开，没有全部折叠和展开的功能 等等）又碍于不是开源的，不好提 feature ，所以就重新写了一个，不过还是感谢 json.cn ，我参考了它的 UI ，保持了简洁，但是 JS 实现完全不一样，采用的是 vue2 的组件嵌套去渲染出 JSON 树的，后面看看还有没有其它实际开发中会遇到的实用的功能，我们都会加上去

[awesomes]

@gotounix 谢谢 ^_^

[awesomes]

@soli 我个人是不太喜欢这种风格的，我认为很多细节的地方会直接决定我的使用体验

[fitmewell]

额 我自己写了一个本地用的~~~ 也是 VUE 实现

[awesomes]

@fitmewell vue 实现相对于原始的递归拼接字符串还是有很大优势的

[xycool]

@awesomes 感谢回复，不知道你有没有用过 http://www.jsoneditoronline.org/ 这个，可以参考一下，我觉得他们功能做的已经挺好了。

[soli]

@awesomes 你这个好像没有格式化功能哈？

[awesomes]

@xycool 很好，我知道这个，这是一个“功能强大“的开源 json 编辑器，不过他的关注点很全（查看、编辑、排序等等），个人感觉有点重，我们的关注点其实和他不一样， jsonon 注重的能够简洁直观地格式化查看 JSON 结构，并没有编辑这个功能。因为我们关注的场景是，调试接口的时候，如何将一坨 json(字符串？)转换成高亮的、树形可折叠的视图模式。

一句话就是，我们不需要它多么强大，只希望用户在实际开发过程中能更舒服地去使用它查看 json 结构。不过未来我们可能会将 jsoneditoronline 的某些实用功能加进来的

[awesomes]

@soli 准确说这应该是一个格式化之后的 json 视图，不知道有没有格式化为字符串这样的应用场景

[jsonzz]

@awesomes 试用了下，不错。提个问题：中文字符编码有问题

[awesomes]

@jsonzz 谢谢，具体是什么问题呢，能详细描述一下或者截个图吗

[ck65]

一直在用这个 http://json.parser.online.fr/beta/
如果写错了，右侧仍然会显示格式化了的 json ，而不是切换成错误提示，方便找错。

[yuhuan66666]

为啥不用 chrome 的 JSON handle 插件呢？