JSON 真的是广大程序员最常用的一种数据格式了,对于非常庞大复杂的 JSON 串,仅仅是通过格式化的方式来查看是远远不够的。之前了不起给大家介绍过几款比较热门的 json 格式化的工具,也广受好评。所以今天就再给大家带来一款 8k Star 的 JSON 开源项目——JSON Hero。
项目简介
JSON Hero 提供了一个干净、美观且包含额外功能的 UI,让大家可以轻松地阅读和理解 JSON 文件。JSON Hero 有以下的特点:
- 可以以列视图、树视图、编辑器视图等方式查看 JSON
- 自动推断字符串的内容并提供有用的预览(这个超级厉害)
- JSON 的键值都可以进行检索
- 方便快捷的共享当前 JSON 数据的 URL
项目使用
我们可以直接访问 JSON Hero 的官网来体验功能。
1 | 官网地址: |
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 | 项目地址: |