又發現一款 JSON 可視化工具神器，驚豔了！

JSON Hero 是一個簡單實用的 JSON 工具，通過簡潔美觀的 UI 及增強的額外功能，使得閱讀和了解 JSON 文檔變得更容易、直覺。

支援多種視圖以便檢視 JSON：列視圖、樹視圖、JSON 視圖等 列視圖是受 macOS Finder 啟發建立的一種浏覽 JSON 文檔的新方法。

項目位址：https://github.com/jsonhero-io/jsonhero-web

1本地安裝（可選）

要在本地運作 JSON Hero，首先 clone 源代碼，并安裝相關依賴項：

git clone https://github.com/jsonhero-io/jsonhero-web.git
cd jsonhero-web
npm install
           

然後運作以下指令啟動，打開 http://localhost:8787 即可使用：

npm start
           

2直接使用

前往 https://jsonhero.io/ 并将 JSON 檔案拖拽到網站上，或在提供的表單中粘貼 JSON 或 JSON url

内容預覽

JSON Hero 會自動推斷字元串的内容，并對選擇的值提供有用的預覽和屬性。

日期和時間

圖檔網址

網站網址

JSON URL

樹狀視圖

這個也是用的最多的，樹狀圖結構可以很清晰的展示，看一組圖：

同時支援對JSON資料中的資料進行搜尋：

重點來了！

當你完成資料編輯或者稽核後，需要分享給前端，不必複制全部資料，隻需要生成指定連結即可，這個很友善。

整體來講，JSON Hero 支援多種視圖檢視JSON資料，同時支援VS Code 等擴充，相信對經常處理JSON的小夥伴來說，是一款很給力的工具。