闲言碎语太多了

所以做好自己就好啦

 

你把我丢下

然后告诉我好好生活

你明知道我的快乐只与你有关

你却告诉我

我自由了

 

一切都会变好的
比如从穷变成好穷

 

​

 

众所周知。json已经是程序员最常打交道的一种数据组织的方式。无论是前端还是后端，都有许多关于json的API和库，可以方便我们对json的使用。

然而，当我们在遇到json相关的问题的时候。我们首先需要格式化的去查看json的数据。所以就需要一款优秀的json可视化工具来帮助我们提高排查问题的效率。

 

今天的主角就是json hero。

 

json hero简介

 

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

 

它支持多种查看json的视图。比如最常见的树视图，还有列视图，json视图。

 

开始使用

在浏览器前往 https://jsonhero.io

并将 JSON 文件拖拽到网站上，或在提供的表单中粘贴 JSON 或 JSON url

 

预览内容

 

JSON Hero 支持自动推断字符串的内容，比如这些内容包含日期、时间以及图片地址和视频地址。

json hero 会根据不同的类型，对选择的值提供有用的预览和属性。

 

预览日期和时间

 

 

 

预览图片地址

 

 

 

预览网站地址

 

 

 

预览json URL对应的内容

 

 

树视图的查看方式

 

 

 

列视图的查看方式

 

 

编辑器视图的查看方式

 

进入该视图模式时，工具将自动划分为左右两个区域。左边用来编辑，右边用来查看。

 

当你在左侧面板编辑 JSON 文件，便可以看到，每项数据在右侧面板的详情展示，非常直观和巴适！

 

如下图

 

 

搜索json里面的数据

 

直接点击右上角的搜索按钮，就可以开始搜索json的内容了，对于json数据比较多的情况，这个搜索非常有用。

 

 

分享json数据

 

在前后端连调的过程中设计到json数据的分享，我们发现通过微信或者钉钉的当时，对json直接复制分享效率很低，有时候还会出错。

这个痛点json hero也为我们考虑了，它不需要我们复制，直接把数据转成一个可以访问的url，然后分享url就好啦。

 

 

其他功能

 

黑暗模式切换、键盘快捷键、VS Code 插件，直接搜索json hero就好啦。

感兴趣的同学，可以来探索下这些宝藏功能。