发现一款JSON可视化工具神器,惊艳了!

b1f4fe7adb5af661cac006b9e933b075.gif

致力于发掘、评测和推荐各种高效实用的工具和软件,帮助您在工作和生活中事半功倍。

项目介绍

JSON Hero 是一个由 Trigger.dev 团队创建和维护的项目,旨在让阅读和理解 JSON 文件变得更加简单和直观。它提供了一个清晰且美观的用户界面,并附带了多种额外功能,让用户能够以自己喜欢的方式查看 JSON 数据。

JSON Hero 是一个功能丰富且用户友好的工具,特别适合需要频繁处理 JSON 数据的开发人员和数据分析师。

主要功能

  1. 多种视图模式

  • 列视图(Column View):受 macOS Finder 启发的新方式浏览 JSON 文档,支持键盘导航、路径栏和历史记录。还有一个独特的功能,允许用户“保持”一个后代选中状态,并在向上遍历层次结构时,在兄弟节点之间移动并查看在该路径下找到的不同值。

  • 编辑器视图(Editor View):在编辑器中查看整个 JSON 文档,同时保持侧边栏中的预览和相关值。

  • 树视图(Tree View):使用传统的树形视图遍历 JSON 文档,具有可折叠的部分和键盘快捷键。

自动内容推断和预览

  • JSON Hero 自动推断字符串的内容,并提供有用的预览和所选值的属性。支持的预览类型包括日期和时间、图像 URL、网站 URL、推文 URL、JSON URL 和颜色。

搜索功能

  • 快速打开搜索面板,对整个 JSON 文件进行模糊搜索,包括键名、键路径、值和格式化后的值(例如,搜索“Dec”将找到 12 月份的日期时间字符串)。

相关值查看

  • 轻松查看整个 JSON 文档中特定字段的所有相关值,包括任何 undefinednull 值。

可访问性和共享性

  • 支持键盘访问,方便无障碍使用。

  • 提供易于分享的 URL,支持路径。

发送 JSON 到 JSON Hero

  • 用户可以通过多种方式将 JSON 发送到 JSON Hero,包括使用非官方 API 发送 POST 请求到 jsonhero.io/api/create.json

运行效果

d2c935084171687a8f358d7c5faeeda8.png 8f93e2489c112ed26ca1ec6b03870a15.png 8eb7ccad010416a43968cec7a5cb46aa.png 13f5e666782c8912327b3d9376d48d98.png 8add6b4dcbcd41d13bfddf7234f48d97.png 272e9dce7068dd24aee29c387392f25e.png 524c1d3f8fdedeb34a4adde59fd9e6f9.png

开源地址

https://github.com/triggerdotdev/jsonhero-web

d041f83944a9c7a02acc13ee2b14fa80.gif

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值