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

查看 112|回复 10
作者:loggerhead   
大部分同类网站只支持最常见的校验、格式化、最小化、转义、反转义和树形视图的功能,少部分网站提供了结构化比较。但很少有网站提供 BigInt 比较、文本比较、行内比较、数组差分比较的功能,所以本着“自己动手,丰衣足食”的想法做了 JSON For You。
经过两年的使用,我发现 JSON For You 在处理 JSON 数据上虽然足够好用了,但是在查看 JSON 数据上不够方便。比如在遇到复杂的 JSON 结构时,使用 JSON For You 虽然能快速查看格式化后的文本,但仅仅是文本形式无法让开发者快速了解 JSON 结构。
因此我上线了 JSON For You 3.0 ,提供了图和表两种可视化方式,对于复杂的 object 类型数据可以通过图快速了解,对于复杂的 array 类型数据则可以通过表快速了解。
  • 项目链接: https://github.com/loggerhead/json4u/
  • 国内网址(免费): https://json4u.cn/

  • 海外网址(付费): https://json4u.com/
  • 首年免费券:UZNZQ5NW (能用 10 次)


    演示
    使用 jq 快速处理数据

    解析多层嵌套结构

    结构化比较

    可视化——图

    可视化——表

  • ZGame   
    很清爽赞一个
    jgh004   
    牛 b 吹大了
    TangCuYu2333   
    支持什么平台呢?蹲个码
    SayHelloHi   
    能不能再加一个功能 可以生成各种开发语言的 model
    参考
    https://app.quicktype.io/
    示例
    ```
    // json 数据
    {
    "install": {
    "open": true,
    "url": "https://www.extensions-hub.com/partners/installed?name=M3U8-Downloader"
    },
    "uninstall": {
    "open": true,
    "url": "https://www.extensions-hub.com/partners/uninstalled?name=M3U8-Downloader"
    },
    "update": {
    "open": true,
    "url": "https://www.extensions-hub.com/m3u8-downloader/updated/"
    },
    "news": [
    {
    "open": true,
    "url": "https://chromewebstore.google.com/detail/m3u8-downloader-pro/agiifopjckffghgiggmfnpbdamhpejfi",
    "title": "M3U8 Downloader Pro",
    "desc": "M3U8 Downloader Pro has been released."
    }
    ]
    }
    export interface Response {
    install: Install;
    uninstall: Install;
    update: Install;
    news: News[];
    }
    export interface Install {
    open: boolean;
    url: string;
    }
    export interface News {
    open: boolean;
    url: string;
    title: string;
    desc: string;
    }
    ```
    Cloud9527   
    找了一圈,没找到码怎么用
    loggerhead
    OP
      
    @ZGame 谢谢。现在界面还有些丑(包括字体、配色等),我打算后面有时间了再改进一下~
    loggerhead
    OP
      
    @jgh004 所以严谨的加了「大概」,哈哈。要是有其他做得更好的(无论哪方面),欢迎发出来看看,我学习学习、持续改进 JSON For You
    loggerhead
    OP
      
    @TangCuYu2333 @Cloud9527 支持 web 哦。码是给海外用户用的,国内是免费使用~
    loggerhead
    OP
      
    @SayHelloHi 感谢建议!我思考思考,有结论了再回复你哈~ 如果其他人也觉得需要这个功能,可以给 @SayHelloHi 的评论点赞,我看看有多少人有同类需求~
    您需要登录后才可以回帖 登录 | 立即注册

    返回顶部