JSON Hero：让 JSON 文件变得好看又好用

JSON Hero是什么？

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

简单来说，它就是把原本看起来像天书的 JSON 文件，变成了像浏览文件夹一样简单。

实用功能详解

打开首页

输入一个json文件的url，或者上传一个json文件

我以https://github.com/Zie619/n8n-workflows/blob/main/workflows/0005_Manual_Twitter_Create_Triggered.json 举例，直接输入url会报错，但是下载下来json，再上传json文件是可以的，效果如图：

左侧是根节点的数据，最右侧会有预览

如果节点下还有内容，会依次向右方拓展开

列表视图可能不适合所有的场景，所以 JSON Hero 也提供一个经典的 JSON 树视图模式。

• 点击左侧的键名，右侧会显示对应的值
• 对于嵌套的对象，可以像文件夹一样层层打开
• 特别适合处理深层嵌套的数据结构

下方的这些功能还没有集成，点开是404错误

JSON Hero 能自动识别各种数据类型并提供预览：

• 时间戳：自动转换为可读的日期时间
• URL：直接显示链接，可以点击跳转
• 图片 URL：直接显示图片预览
• 颜色值：显示色块预览
• 邮箱：自动识别并格式化

{
  "created_at": "2024-01-15T10:30:00Z",
  "avatar_url": "https://example.com/avatar.jpg",
  "theme_color": "#FF6B6B",
  "email": "user@example.com"
}

在 JSON Hero 中，你会看到：

• 时间戳显示为 "2024年1月15日 10:30:00"

• 头像直接显示图片

• 颜色显示为红色色块

总结

JSON Hero 是一个很实用的工具，特别是对于经常要处理 JSON 数据的朋友。

它不仅让 JSON 文件变得好看，更重要的是让数据变得好理解、好使用。