建站
咨詢
售后
建站咨詢
新聞中心
這里有您想知道的互聯(lián)網(wǎng)營銷解決方案
實用！一款開源的 JSON 可視化管理工具
簡介
- 支持多種視圖以便查看 JSON：列視圖、樹視圖、JSON 視圖等 列視圖是受 macOS Finder 啟發(fā)創(chuàng)建的一種瀏覽 JSON 文檔的新方法
站在用戶的角度思考問題，與客戶深入溝通，找到港閘網(wǎng)站設(shè)計與港閘網(wǎng)站推廣的解決方案，憑借多年的經(jīng)驗，讓設(shè)計與互聯(lián)網(wǎng)技術(shù)結(jié)合，創(chuàng)造個性化、用戶體驗好的作品，建站類型包括：成都網(wǎng)站制作、做網(wǎng)站、企業(yè)官網(wǎng)、英文網(wǎng)站、手機端網(wǎng)站、網(wǎng)站推廣、域名申請、虛擬空間、企業(yè)郵箱。業(yè)務(wù)覆蓋港閘地區(qū)。
- 自動推斷字符串的內(nèi)容并提供有用的預(yù)覽
- 自動推斷 JSON 的內(nèi)容、類型并提供有用的建議
- 快速掃描相關(guān)知識并檢查邊緣情況
- 支持檢索 JSON 文件00:14
- 支持使用鍵盤進行操控
- 可生成段路徑 URL 輕松與他人共享自己的 JSON 文件0:08
項目地址：
https://github.com/jsonhero-io/jsonhero-web
安裝使用
安裝
要在本地運行 JSON Hero，首先 clone 源代碼，并安裝相關(guān)依賴項：
git clone https://github.com/jsonhero-io/jsonhero-web.git
cd jsonhero-web
npm install
然后運行以下命令啟動，打開 http://localhost:8787 即可使用：
npm start
使用
可以通過多種方式將 JSON 文件發(fā)給 JSON Hero 解析
- 前往 https://jsonhero.io/ 并將 JSON 文件拖拽到網(wǎng)站上，或在提供的表單中粘貼 JSON 或 JSON url
- 使用包含 JSON 有效負載的 Base64 字符串，拼接到 jsonhero.id：jsonhero.io/new?j=eyAiZm9vIjogImJhciIgfQ==
- 使用包含 JSON 文件的 url 地址，拼接到 jsonhero.io：jsonhero.io/new?url=https://jsonplaceholder.typicode.com/todos/1
- 安裝 JSON Hero 的 VS Code 擴展并從 VS Code 打開 JSON
- Raycast 用戶也提供了相關(guān)的擴展插件可直接安裝：https://www.raycast.com/maverickdotdev/open-in-json-hero
- 使用非官方 API：使用以下 JSON 發(fā)出 POST 請求：
{
"title": "test 123",
"content": { "foo": "bar" }
}將得到如下響應(yīng)：
{
"id": "YKKduNySH7Ub",
"title": "test 123",
"location": "https://jsonhero.io/j/YKKduNySH7Ub"
}內(nèi)容預(yù)覽
JSON Hero 會自動推斷字符串的內(nèi)容，并對選擇的值提供有用的預(yù)覽和屬性。
- 日期和時間
- 圖片網(wǎng)址
- 網(wǎng)站網(wǎng)址
- 推特網(wǎng)址
- JSON URL
- 顏色
相關(guān)值
可以輕松查看整個 JSON 文檔中特定字段的所有相關(guān)值，包括 undefined 和 null 值。
當(dāng)前題目：實用！一款開源的 JSON 可視化管理工具
當(dāng)前鏈接：http://www.dlmjj.cn/article/cogjppg.html
