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

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

这是一个创建于 2866 天前的主题，其中的信息可能已经有所发展或是发生改变。

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

JSON

格式化

工具

开源

29 条回复 • 2017-01-17 18:41:31 +08:00

gotounix

2017-01-16 10:44:39 +08:00

Windows 10/Firefox 51.0b14 (64 位)

mgna17

2017-01-16 10:45:17 +08:00

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

xycool

2017-01-16 10:48:16 +08:00

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

awesomes

2017-01-16 10:48:48 +08:00

@mgna17 谢谢提醒我看看

awesomes

2017-01-16 10:51:28 +08:00

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

gotounix

2017-01-16 10:53:13 +08:00

@awesomes OK 了。

soli

2017-01-16 10:54:32 +08:00

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

awesomes

2017-01-16 10:56:13 +08:00

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

awesomes

2017-01-16 10:56:31 +08:00

@gotounix 谢谢 ^_^

awesomes

2017-01-16 10:58:01 +08:00

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

fitmewell

2017-01-16 10:59:34 +08:00

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

awesomes

2017-01-16 11:00:45 +08:00

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

xycool

2017-01-16 11:05:12 +08:00

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

soli

2017-01-16 11:14:03 +08:00

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

awesomes

2017-01-16 11:21:39 +08:00

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

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

awesomes

2017-01-16 11:24:51 +08:00

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

jsonzz

2017-01-16 11:48:01 +08:00

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

awesomes

2017-01-16 11:50:13 +08:00

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

ck65

2017-01-16 12:34:03 +08:00

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

yuhuan66666

2017-01-16 13:25:30 +08:00 via Android

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

SevenJ

2017-01-16 13:40:02 +08:00

为啥不用 sublime 的 JSON validate 插件

fxxkgw

2017-01-16 13:50:54 +08:00

http://qqe2.com/ ？

awesomes

2017-01-16 14:00:06 +08:00

@fxxkgw 这个是用的上面提到的开源的 jsoneditoronline

awesomes

2017-01-16 14:01:36 +08:00

@ck65 这个错误提示有点独特，可以考虑看如何加进去

awesomes

2017-01-16 14:02:33 +08:00

@SevenJ 这个得看个人习惯了，能做到随时随地使用的估计就 web 了

soli

2017-01-16 22:23:40 +08:00

@awesomes 我经常用到格式化成字符串的。

mingyun

2017-01-16 23:22:26 +08:00

加载有点慢

awesomes

2017-01-17 14:00:47 +08:00

@soli 能说说格式化成字符串具体是用来干什么吗，我个人目前好像没遇到这种需求

awesomes

2017-01-17 18:41:31 +08:00

@mingyun 你再试试呢，现在托管到七牛云上了，速度应该快一些了