分享一个简洁易用的开源在线 JSON 格式化验证工具 - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
awesomes
V2EX    前端开发

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

  •  
  •   awesomes 2017-01-16 10:38:55 +08:00 4262 次点击
    这是一个创建于 3193 天前的主题,其中的信息可能已经有所发展或是发生改变。

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

    29 条回复    2017-01-17 18:41:31 +08:00
    gotounix
        1
    gotounix  
       2017-01-16 10:44:39 +08:00


    Windows 10/Firefox 51.0b14 (64 位)
    mgna17
        2
    mgna17  
       2017-01-16 10:45:17 +08:00
    写下编码吧,点进去满屏乱码。。。
    xycool
        3
    xycool  
       2017-01-16 10:48:16 +08:00
    这跟 http://json.cn/ 有什么区别吗
    awesomes
        4
    awesomes  
    OP
       2017-01-16 10:48:48 +08:00
    @mgna17 谢谢提醒 我看看
    awesomes
        5
    awesomes  
    OP
       2017-01-16 10:51:28 +08:00
    @gotounix 麻烦看看是否已经可以可
    gotounix
        6
    gotounix  
       2017-01-16 10:53:13 +08:00
    @awesomes OK 了。
    soli
        7
    soli  
       2017-01-16 10:54:32 +08:00
    awesomes
        8
    awesomes  
    OP
       2017-01-16 10:56:13 +08:00
    @xycool 是这样的,我之前也是用 json.cn 的,我认为很简洁,不过还是发现有些地方不是很好(如:压缩后不是 textarea , ctr+a 不好复制,折叠后不能直接点击数字展开,没有全部折叠和展开的功能 等等)又碍于不是开源的,不好提 feature ,所以就重新写了一个,不过还是感谢 json.cn ,我参考了它的 UI ,保持了简洁,但是 JS 实现完全不一样,采用的是 vue2 的组件嵌套去渲染出 JSON 树的,后面看看还有没有其它实际开发中会遇到的实用的功能,我们都会加上去
    awesomes
        9
    awesomes  
    OP
       2017-01-16 10:56:31 +08:00
    @gotounix 谢谢 ^_^
    awesomes
        10
    awesomes  
    OP
       2017-01-16 10:58:01 +08:00
    @soli 我个人是不太喜欢这种风格的,我认为很多细节的地方会直接决定我的使用体验
    fitmewell
        11
    fitmewell  
       2017-01-16 10:59:34 +08:00
    额 我自己写了一个本地用的~~~ 也是 VUE 实现
    awesomes
        12
    awesomes  
    OP
       2017-01-16 11:00:45 +08:00
    @fitmewell vue 实现相对于原始的递归拼接字符串还是有很大优势的
    xycool
        13
    xycool  
       2017-01-16 11:05:12 +08:00
    @awesomes 感谢回复,不知道你有没有用过 http://www.jsoneditoronline.org/ 这个,可以参考一下,我觉得他们功能做的已经挺好了。
    soli
        14
    soli  
       2017-01-16 11:14:03 +08:00
    @awesomes 你这个好像没有格式化功能哈?
    awesomes
        15
    awesomes  
    OP
       2017-01-16 11:21:39 +08:00
    @xycool 很好,我知道这个,这是一个“功能强大“的开源 json 编辑器,不过他的关注点很全(查看、编辑、排序等等),个人感觉有点重,我们的关注点其实和他不一样, jsonon 注重的能够简洁直观地格式化查看 JSON 结构,并没有编辑这个功能。因为我们关注的场景是,调试接口的时候,如何将一坨 json(字符串?)转换成高亮的、树形可折叠的视图模式。

    一句话就是,我们不需要它多么强大,只希望用户在实际开发过程中能更舒服地去使用它查看 json 结构。不过未来我们可能会将 jsoneditoronline 的某些实用功能加进来的
    awesomes
        16
    awesomes  
    OP
       2017-01-16 11:24:51 +08:00
    @soli 准确说这应该是一个格式化之后的 json 视图,不知道有没有格式化为字符串这样的应用场景
    jsonzz
        17
    jsonzz  
       2017-01-16 11:48:01 +08:00
    @awesomes 试用了下,不错。提个问题:中文字符编码有问题
    awesomes
        18
    awesomes  
    OP
       2017-01-16 11:50:13 +08:00
    @jsonzz 谢谢,具体是什么问题呢,能详细描述一下或者截个图吗
    mogita
        19
    mogita  
       2017-01-16 12:34:03 +08:00
    一直在用这个 http://json.parser.online.fr/beta/
    如果写错了,右侧仍然会显示格式化了的 json ,而不是切换成错误提示,方便找错。
    yuhuan66666
        20
    yuhuan66666  
       2017-01-16 13:25:30 +08:00 via Android
    为啥不用 chrome 的 JSON handle 插件呢?
    SevenJ
        21
    SevenJ  
       2017-01-16 13:40:02 +08:00
    为啥不用 sublime 的 JSON validate 插件
    fxxkgw
        22
    fxxkgw  
       2017-01-16 13:50:54 +08:00
    awesomes
        23
    awesomes  
    OP
       2017-01-16 14:00:06 +08:00
    @fxxkgw 这个是用的上面提到的开源的 jsoneditoronline
    awesomes
        24
    awesomes  
    OP
       2017-01-16 14:01:36 +08:00
    @ck65 这个错误提示有点独特,可以考虑看如何加进去
    awesomes
        25
    awesomes  
    OP
       2017-01-16 14:02:33 +08:00
    @SevenJ 这个得看个人习惯了,能做到随时随地使用的估计就 web 了
    soli
        26
    soli  
       2017-01-16 22:23:40 +08:00
    @awesomes 我经常用到格式化成字符串的。
    mingyun
        27
    mingyun  
       2017-01-16 23:22:26 +08:00
    加载有点慢
    awesomes
        28
    awesomes  
    OP
       2017-01-17 14:00:47 +08:00
    @soli 能说说格式化成字符串具体是用来干什么吗,我个人目前好像没遇到这种需求
    awesomes
        29
    awesomes  
    OP
       2017-01-17 18:41:31 +08:00
    @mingyun 你再试试呢,现在托管到七牛云上了,速度应该快一些了
    关于     帮助文档     自助推广系统     博客     API     FAQ     Solana     5068 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 44ms UTC 03:58 PVG 11:58 LAX 20:58 JFK 23:58
    Do have faith in what you're doing.
    ubao snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86