​

什么是 JSON Hero

JSON Hero is an open-source, beautiful JSON explorer for the web that lets you browse, search and navigate your JSON files at speed. . Built with by the Trigger.dev team.

JSON Hero 提供简洁美观的用户界面和丰富的附加功能，让开发者可以轻松阅读和理解 JSON 文件。典型功能包括：

• 支持众多方式查看 JSON，包括：列视图、树状视图、编辑器视图等等
• 集成自动推断字符串内容并提供有用的预览功能
• 创建可用于验证 JSON 的推断 JSON Schema
• 快速扫描相关值以检查边界情况
• 支持快速搜索 JSON 文件，包括键和值
• 支持键盘输入
• 轻松共享 URL 并支持路径
• 支持键盘快捷键、深色模式、VS Code 插件等等众多功能
  
  

JSON Hero 由 Trigger.dev 团队创建并维护。

借助于 Trigger.dev，开发者可以从 API 按计划或按需触发工作流。同时简化了 API 调用，并为开发者处理了身份验证，还支持添加持久延迟，即使服务器重启后延迟仍然有效。

目前 JSON Hero 在 Github 通过 Apache-2.0 协议开源，有超过 10.4k 的 star、1k 的 fork、妥妥的前端优质开源项目。

如何使用 JSON Hero

在线使用

开发者可以通过多种方式将 JSON 数据发送到 JSON Hero，包括：

{  "title": "test 123",  "content": { "foo": "bar" },  "readOnly": false, // this is optional, will make it so the document title cannot be edited or document cannot be deleted  "ttl": 3600 // this will expire the document after 3600 seconds, also optional}

此时会返回如下结果：

{  "id": "YKKduNySH7Ub",  "title": "test 123",  "location": "https://jsonhero.io/j/YKKduNySH7Ub"}

列视图

列视图的灵感源自 macOS Finder，其是一种浏览 JSON 文档的新方式。列视图支持键盘导航、路径栏、历史记录等众多功能

列势图还有一个巧妙的功能，允许开发者按住”选中的子元素，向上遍历层级结构，然后在兄弟元素之间移动，查看该路径上的不同值。这很难用语言描述，可以使用下面的动画理解：

编辑器视图

在编辑器中查看整个 JSON 文档，但保留在文档中移动时从侧边栏获得的精美预览和相关值：

更多关于JSON Hero 的用例可以参考文末资料，本文不再过多展开。

参考资料

https://jsonhero.io/

阅读原文：