发现一款JSON可视化工具神器，惊艳了！-技术圈

往期热门文章：

1、Spring纯注解开发，有点强！！

2、放弃Java8的Stream流，我选择使用JDFrame！

3、SQLite这么小众的数据库，到底是什么人在用？

4、微服务Token鉴权设计的几种方案

5、一天干了多少活儿，摸了多少鱼，这个工具一目了然给你统计出来

JSON Hero 是一个简单实用的 JSON 工具，通过简洁美观的 UI 及增强的额外功能，使得阅读和理解 JSON 文档变得更容易、直观。

支持多种视图以便查看 JSON：列视图、树视图、JSON 视图等列视图是受 macOS Finder 启发创建的一种浏览 JSON 文档的新方法。

项目地址：https://github.com/jsonhero-io/jsonhero-web

1本地安装（可选）

要在本地运行 JSON Hero，首先 clone 源代码，并安装相关依赖项：

   
    git clone https://github.com/jsonhero-io/jsonhero-web.git
cd jsonhero-web
npm install

然后运行以下命令启动，打开 http://localhost:8787 即可使用：

   
    npm start

2直接使用

前往 https://jsonhero.io/ 并将 JSON 文件拖拽到网站上，或在提供的表单中粘贴 JSON 或 JSON url

内容预览

JSON Hero 会自动推断字符串的内容，并对选择的值提供有用的预览和属性。

日期和时间

图片网址

网站网址

JSON URL

树状视图

这个也是用的最多的，树状图结构可以很清晰的展示，看一组图：

同时支持对JSON数据中的数据进行搜索：

重点来了！

当你完成数据编辑或者审核后，需要分享给前端，不必复制全部数据，只需要生成指定链接即可，这个很方便。

整体来讲，JSON Hero 支持多种视图查看JSON数据，同时支持VS Code 等扩展，相信对经常处理JSON的小伙伴来说，是一款很给力的工具。

来源：blog.csdn.net/mashibingjiaoyu/article/details/126904804

     
      往期热门文章：
     

      
       1、编程语言座次图，谁才是老大？（PS:原来这么多编程语言都有同一个祖宗）
      
      
       2、如果网站的 Cookie 超过 4K，会发生什么情况？
      
      
       3、如何优雅的实现在线人数统计功能？
      
      
       4、JetBrains再出手，这波秀翻了。。
      
      
       5、FullGC 40次/天到10天1次，真牛B！！
      
      
       6、不服不行，这才是后端API接口应该有的样子！
      
      
       7、一个强大的分布式锁框架——Lock4j
      
      
       8、Stream很好，Map很酷，但答应我别用toMap()
      
      
       9、你合并代码用 merge 还是用 rebase ?
      
      
       10、99%的时间里只使用这14个Git命令就够了！！！