V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
loggerhead
V2EX  ›  推广

[送码限 10 个] 全世界最好用的 JSON 可视化工具(大概)

  •  1
     
  •   loggerhead · 45 天前 · 7015 次点击
    这是一个创建于 45 天前的主题,其中的信息可能已经有所发展或是发生改变。

    大部分同类网站只支持最常见的校验、格式化、最小化、转义、反转义和树形视图的功能,少部分网站提供了结构化比较。但很少有网站提供 BigInt 比较、文本比较、行内比较、数组差分比较的功能,所以本着“自己动手,丰衣足食”的想法做了 JSON For You

    经过两年的使用,我发现 JSON For You 在处理 JSON 数据上虽然足够好用了,但是在查看 JSON 数据上不够方便。比如在遇到复杂的 JSON 结构时,使用 JSON For You 虽然能快速查看格式化后的文本,但仅仅是文本形式无法让开发者快速了解 JSON 结构。

    因此我上线了 JSON For You 3.0 ,提供了图和表两种可视化方式,对于复杂的 object 类型数据可以通过图快速了解,对于复杂的 array 类型数据则可以通过表快速了解。

    演示

    使用 jq 快速处理数据

    解析多层嵌套结构

    结构化比较

    可视化——图

    可视化——表

    第 1 条附言  ·  45 天前

    非常感谢大家的支持,为了方便交流,建了个群。有任何意见、反馈都可以发群里,一定认真思考、回复!

    pAQl6qx.jpg

    111 条回复    2024-09-25 19:36:44 +08:00
    1  2  
    lasuar
        101
    lasuar  
       44 天前
    如果你要集成此功能,最好是加上一些额外功能,比如在 go 中的结构体,一般需要设置 tag 部分(下面的反引号内容):

    ```
    type Root struct {
    AudioDetail []AudioDetail `json:"audioDetail"`
    AuxInfo AuxInfo `json:"auxInfo"`
    BtId string `json:"btId"`
    Code int `json:"code"`
    FrameDetail []FrameDetail `json:"frameDetail"`
    Message string `json:"message"`
    RequestId string `json:"requestId"`
    RiskLevel string `json:"riskLevel"`
    }
    ```

    还有,对于一个复杂的 JSON ,在转结构体时,可能需要将嵌套字段单独定义一个结构体,如果嵌套层级深,最好支持设置拆分粒度
    lasuar
        102
    lasuar  
       44 天前
    上面只是列出了 go 语言的需求,其他语言也会有了,需要慢慢打磨。
    breeze5942
        103
    breeze5942  
       44 天前
    我现在基本上都是扔给 GPT ,直接给我结果了😂
    zkl2333
        104
    zkl2333  
       44 天前
    想要一个“排序+比较”功能,现在的操作流程是先粘贴左边和右边,然后点排序,再点左右切换,再点排序,再点比较。操作路径有点长。

    或者排序等命令操作不再只针对右侧区域,而是针对光标所在区会不会更好?这样可以省掉左右切换这一步操作,配合快捷键也挺快的。

    说到快捷键,目前 ctrl+k 然后输入中文赶紧也不是很优雅。
    loggerhead
        105
    loggerhead  
    OP
       44 天前
    @lasuar 那很不错。顺便问一下,你是用的国产 AI 还是海外的 AI ?因为如果我想在国内提供服务的话,可能直接接入国内 AI (不确定,得了解一下相关政策)
    loggerhead
        106
    loggerhead  
    OP
       44 天前
    @lasuar 哇,非常好的建议,在开发的时候一定考虑进去!
    loggerhead
        107
    loggerhead  
    OP
       44 天前
    @zkl2333 有的。你看左边侧边栏,有一个「自动排序」的选项,勾选后黏贴在任意编辑器都会自动排序。另外对于命令栏,它是支持英文的,可以试试输入 format 。不过确实得给中文用户一个提示,让用户知道可以输入英文
    loggerhead
        108
    loggerhead  
    OP
       44 天前
    @zkl2333 不过我看你的操作过程似乎是这样?
    1. 排序比较;
    2. 进行修改,并 swap ;
    3. 再次排序比较;
    lasuar
        109
    lasuar  
       44 天前
    国内 AI 可以了。
    zkl2333
        110
    zkl2333  
       44 天前
    @loggerhead #107 感谢,我知道怎么操作了。我还遇到一个问题:右上角的文本比较和比较的切换是什么意思呢。我在乱点还点出了看不懂的情况
    loggerhead
        111
    loggerhead  
    OP
       44 天前
    @zkl2333 它是在结构化比较和文本比较之间切换,我觉得它不太符合直觉打算把它改掉。看上去是个 bug ,你知道咋复现吗?
    1  2  
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   975 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 21ms · UTC 22:12 · PVG 06:12 · LAX 14:12 · JFK 17:12
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.