發(fā)現一款 JSON 可視化工具神器，太愛了！

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

支持多種視圖以便查看 JSON：列視圖、樹視圖、JSON 視圖等 列視圖是受 macOS Finder 啟發(fā)創(chuàng)建的一種瀏覽 JSON 文檔的新方法。

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

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

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

然后運行以下命令啟動，打開 http://localhost:8787 即可使用：

npm start

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

內容預覽

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

日期和時間

圖片網址

網站網址

JSON URL

樹狀視圖

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

同時支持對JSON數據中的數據進行搜索：

重點來了！

當你完成數據編輯或者審核后，需要分享給前端，不必復制全部數據，只需要生成指定鏈接即可，這個很方便。

整體來講，JSON Hero 支持多種試圖查看JSON數據，同時支持VS Code 等擴展，相信對經常處理JSON的小伙伴來說，是一款很給力的工具。

如有文章對你有幫助，
“在看”和轉發(fā)是對我最大的支持！
推薦：
點擊領?。?span style="margin: 0px;padding: 0px;outline: 0px;max-width: 100%;box-sizing: border-box !important;overflow-wrap: break-word !important;letter-spacing: 0.544px;visibility: visible;">151個大廠面試講解?。▓D片可上下滑動?。?nbsp;