發現一款 JSON 可視化工具神器!JSON Hero

簡介

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

支持多種視圖以便查看 JSON:列視圖、樹視圖、JSON 視圖等 列視圖是受 macOS Finder 啓發創建的一種瀏覽 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 的小夥伴來說,是一款很給力的工具。

盼盼編程 資深後臺開發,本號分享後臺開發技術,包括算法與數據結構,筆試 / 面試,網絡編程,數據庫理論,操作系統,IT 雜文

本文由 Readfog 進行 AMP 轉碼,版權歸原作者所有。
來源https://mp.weixin.qq.com/s/DMGobsHb029_GJkir43y8Q