發現一款 JSON 視覺化工具神器,太愛了

正文

JSON Hero

這是一個簡單實用的 JSON 工具,透過簡潔美觀的 UI 增強的額外功能,使得閱讀和理解 JSON 文件變得更容易、直觀。

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

發現一款 JSON 視覺化工具神器,太愛了

專案地址:https://github。com/jsonhero-io/jsonhero-web

2

安裝

要在本地執行 JSON Hero,首先 clone 原始碼,並沒有安裝相關依賴項:

git clone http

s:

//github。

com

/jsonhero-io/jsonhero-web。git

cd

jsonhero-web

npm install

然後執行以下命令啟動,開啟 http://localhost:8787 即可使用:

npm

start

3

使用

前往

https://jsonhero。io/

並將 JSON 檔案拖拽到網站上,或在提供的表單中貼上 JSON 或 JSON url

內容預覽

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

日期和時間

發現一款 JSON 視覺化工具神器,太愛了

圖片網址

發現一款 JSON 視覺化工具神器,太愛了

網站網址

發現一款 JSON 視覺化工具神器,太愛了

JSON URL

發現一款 JSON 視覺化工具神器,太愛了

樹狀檢視

這個也是用得最多的,樹狀圖結構可以很清晰地展示,看一組圖:

發現一款 JSON 視覺化工具神器,太愛了

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

發現一款 JSON 視覺化工具神器,太愛了

重點來了!

當你完成資料編輯或者稽核後,需要分享給前端,不必複製全部資料,只需要生成指定連結即可,這個很方便。

發現一款 JSON 視覺化工具神器,太愛了

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