V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
awesomes
V2EX  ›  前端开发

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

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

    其实在开发中是经常会用到 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 谢谢,具体是什么问题呢,能详细描述一下或者截个图吗
    ck65
        19
    ck65  
       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   ·   实用小工具   ·   961 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 25ms · UTC 21:05 · PVG 05:05 · LAX 13:05 · JFK 16:05
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.