Featured image of post 功能強大的 JSON 可視化 Web 工具,免費開源可本地部署——JsonHero

功能強大的 JSON 可視化 Web 工具,免費開源可本地部署——JsonHero

開發者處理 JSON 數據是常有的工作,一個趁手的 JSON 可視化工具對工作效率的提升極大。JsonHero 功能極其強大,支援三種檢視查詢方式:行式(最推薦)、樹狀、普通 JSON 瀏覽。

開發者處理 JSON 數據是常有的工作,一個趁手的 JSON 可視化工具對工作幫助的作用是極大的。JsonHero 功能極其強大,支援三種檢視查詢方式:行式(最強大的)、樹狀、普通 JSON 瀏覽。

若是對資安要求較高的場景,可以自行部署,官方也提供了自行部署的方法。

GitHub: https://github.com/triggerdotdev/jsonhero-web

官網: https://jsonhero.io

行式檢視是最強大的

屬性內容的解析

能對 JSON 內的某些類型的屬性進行資料源解析,例如圖片、時間、顏色等等。

解析圖片 URL

我個人最喜歡的功能就是這個:陣列元素下的某一欄位,與其他陣列元素相關聯的欄位值是什麼。

陣列中每個元素的 name 分別是什麼,排查問題的利器

每個 JSON 都能生成特定 URL 分享

當查看某個 JSON 時,會生成特定的 URL,也可以點擊右上角的 Share 去複製專屬的 URL。

每個 JSON 都有專屬 URL

透過 Base64 直接查看 JSON

https://jsonhero.io/new?j= (如果是自行部署的,則自行更換成自己的存取位址)後面添加某段 JSON 的 Base64 編碼,例如: https://jsonhero.io/new?j=eyAiZm9vIjogImJhciIgfQ==。這樣甚至可以將該能力接入到自己的開發輔助工具中,用於直接查看 JSON 使用。