
JSON Hero:让 JSON 文件变得好看又好用
## JSON Hero是什么?
JSON Hero 通过简洁美观的 UI 及增强的额外功能,使得阅读和理解 JSON 文档变得更容易、直观。
简单来说,它就是把原本看起来像天书的 JSON 文件,变成了像浏览文件夹一样简单。
https://appstore.lazycat.cloud/#/shop/detail/in.zhaoj.jsonhero
## 实用功能详解
打开首页

输入一个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**:直接显示图片预览
- **颜色值**:显示色块预览
- **邮箱**:自动识别并格式化

```json
{
"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 文件变得好看,更重要的是让数据变得好理解、好使用。
此 App 尚未收到足够的评分或评论,无法显示评论列表。