又一个超级好用的 JSON 工具!


JSON 真的是广大程序员最常用的一种数据格式了,对于非常庞大复杂的 JSON 串,仅仅是通过格式化的方式来查看是远远不够的。之前了不起给大家介绍过几款比较热门的 json 格式化的工具,也广受好评。所以今天就再给大家带来一款 8k Star 的 JSON 开源项目——JSON Hero。

项目简介

JSON Hero 提供了一个干净、美观且包含额外功能的 UI,让大家可以轻松地阅读和理解 JSON 文件。JSON Hero 有以下的特点:

  • 可以以列视图、树视图、编辑器视图等方式查看 JSON
  • 自动推断字符串的内容并提供有用的预览(这个超级厉害)
  • JSON 的键值都可以进行检索
  • 方便快捷的共享当前 JSON 数据的 URL

项目使用

我们可以直接访问 JSON Hero 的官网来体验功能。

1
2
官网地址:
https://jsonhero.io/

JSON 展示

网站可以支持直接粘贴 JSON 字符串,也支持上传 JSON 格式的文件或者 JSON 文件的链接。JSON 文本可以以列表形式查看,也可以以源码或者树状图的形式查看,如图所示:

![](/Users/tinybye/Library/Mobile Documents/comappleCloudDocs/Markdown文档/本地图床/png-20230827231923357.png)

JSON 搜索

搜索功能可以从整个 JSON 文本的 key 和 value 中进行搜索,实时展示结果:

![](/Users/tinybye/Library/Mobile Documents/comappleCloudDocs/Markdown文档/本地图床/png-20230827231921828.png)

关联信息聚合

JSON Hero 会自动的整合相关联的信息,将其展示在一起。比如我点击这个 JSON 数组中,第一个 JSON 文本的 title 字段,右侧会自动将其他数组中的 title 字段一起给我展示出来,方便查看同类的信息。

![](/Users/tinybye/Library/Mobile Documents/comappleCloudDocs/Markdown文档/本地图床/png-20230827231921817.png)

自适应预览

我之所以叫它自适应预览,是因为 JSON Hero 的一个很重要的功能,可以根据值的类型自动以最合适的展示形式来呈现。比如一个值是日期,那么右侧就会显示一个日历:

![](/Users/tinybye/Library/Mobile Documents/comappleCloudDocs/Markdown文档/本地图床/png-20230827231921816.png)

如果一个值是网址,则右边会显示该网址的预览:

![](/Users/tinybye/Library/Mobile Documents/comappleCloudDocs/Markdown文档/本地图床/png-20230827231922737.png)

项目总结

同为 JSON 解析工具,JSON Hero 和 jsoncrack 各有优点。个人感觉 jsoncrack 更侧重将整个 JSON 文本的结构清晰的展示出来,而 JSON Hero 更注重内容,比如信息聚合、搜索以及自适应的预览内容。这些功能让你能更好的从一个 JSON 文本中看到内容的本质。

1
2
项目地址:
https://github.com/triggerdotdev/jsonhero-web

文章作者: 开源小分队
版权声明: 本博客所有文章除特別声明外,均采用 CC BY 4.0 许可协议。转载请注明来源 开源小分队 !
  目录