像 Mac Finder 一樣的 JSON 查看器 - JSON Hero
如果你的 JSON 文檔嵌套很深的話，那么你不得不手動折疊層次結構的一部分去關注你關心的 JSON 子集。
MacOS 的 Finder 通過提供方便的列視圖解決了其中一些問題，如下圖所示：
如果我們將這些相同的原則應用于 JSON 文檔，它可能看起來像這樣：
它具有你期望的所有功能：鍵盤導航、路徑欄、歷史記錄。它還有一個優秀的功能，允許你保持選定的后代并在層級結構中向上移動，然后同級之間移動并查看在該路徑中找到的不同值，描述起來可能有點抽象，我們可以通過下面的動畫來演示：
智能預覽面板
我們構建了一個預覽面板，顯示有關當前選擇的更多信息。它可以自動推斷所選項目的內容，并為你提供日期和時間、網站、推文、youtube 視頻、顏色等的智能預覽：
關聯值
可以輕松查看整個 JSON 文檔中特定字段的所有相關值，包括任何未定義的或空值：
搜索
要想查找特定的數據，可以使用 CMD+K 快捷鍵快速調出模糊搜索的面板，可以搜索對象鍵、路徑、值，甚至格式化值，例如搜索Dec可以找到2021-12-01T13:56:12Z。
經典視圖
列表視圖可能不適合所有的場景，所以 JSON Hero 也提供一個經典的 JSON 樹視圖模式。
我們從頭開始構建了這個樹視圖模式，以便快速并擴展到大型文檔，利用出色的 react-virtual 項目來確保平滑滾動，它也是一個符合 ARIA 的樹形視圖，并具有你期望快速遍歷和折疊/展開內容的所有快捷鍵。
我們還包括一個由 CodeMirror 6 驅動的編輯器，當你在文檔中移動時，它會保留你從側邊欄中獲得的預覽和相關值：
自動推斷的 JSON Schema
可以使用我們的自動推斷模式生成器(由 @jsonhero/schema-infer 提供支持)從你的 JSON 中創建 JSON 模式文檔：
分享
輕松共享指向你的 JSON 文檔的鏈接，甚至鏈接到文檔的特定部分。
重要提示：任何擁有你 JSON 文檔的 URL 的人都可以查看它，并且所有 JSON Hero 都是公開的。如果你使用的是 jsonhero.io，則你的數據存儲在 Cloudflare KV 中。
插件
現在 JSON Hero 也支持在 VSCode 中使用，直接安裝官方提供的插件 https://marketplace.visualstudio.com/items?itemName=JSONHero.jsonhero-vscode 即可。
文檔鏈接：https://github.com/jsonhero-io/jsonhero-web。
