JSON樹狀檢視器
將JSON資料視覺化為可摺疊的互動式樹狀結構。支援搜尋鍵名和值、懸停檢視JSONPath、延遲載入處理大檔案,以及拖曳載入.json檔案。
什麼是JSON樹狀檢視器?
JSON樹狀檢視器是一種將JSON文字解析並渲染為可互動、可摺疊樹狀結構的工具。每個節點顯示其鍵名、類型和值預覽,讓您可以直觀地瀏覽深層嵌套的JSON資料,無需閱讀原始文字。
如何展開和摺疊樹節點?
點擊任意物件或陣列節點旁邊的箭頭圖示即可展開或摺疊。也可以直接點擊節點行。使用工具列中的「全部展開」和「全部摺疊」按鈕可一次性切換整個樹的展開狀態。
搜尋功能如何運作?
在搜尋框中輸入關鍵字,工具會即時高亮匹配的鍵名和字串值。匹配的行會被高亮顯示,您可以使用上一個/下一個按鈕或 Enter(向後)和 Shift+Enter(向前)鍵在匹配項之間跳轉。
什麼是JSONPath?如何複製?
JSONPath 是指向特定節點的點號表示法運算式,如 $.user.address[0].city。懸停任意節點,其完整路徑會顯示在路徑欄中;點擊路徑或複製圖示即可複製到剪貼簿。
可以從檔案載入JSON嗎?
可以。點擊「載入檔案」按鈕瀏覽選擇 .json 檔案,或直接將 .json 檔案拖曳到輸入區域。檔案內容在瀏覽器本地讀取,永遠不會上傳到任何伺服器。
不同的值類型如何顯示?
每種值類型都有獨特的顏色:字串為綠色,數字為藍色,布林值為橙色,null 值為灰色。物件和陣列顯示子節點數量的標籤,如 {3} 或 [5]。
工具如何處理大型JSON檔案?
當節點有超過1000個子節點時,工具會使用延遲載入:先渲染前100項,底部顯示「載入更多」按鈕。即使陣列有數千條資料,UI 也能保持回應。
我的JSON資料會傳送到伺服器嗎?
不會。所有解析、渲染和搜尋都在瀏覽器中完成。您的JSON資料永遠不會離開您的裝置,因此可以安全地用於敏感或機密資料。
貼上無效JSON會怎樣?
工具會在輸入區域下方顯示清晰的錯誤訊息,包括解析錯誤及其位置。在您修復語法並使輸入成為有效JSON之前,樹狀檢視保持為空。
這個工具可以離線使用嗎?
頁面載入完成後,工具完全在瀏覽器中執行,無需網路連線即可使用。僅初始載入頁面時需要網路存取以取得靜態資源。
如何使用JSON樹狀檢視器
貼上 JSON 或拖曳 .json 檔案,以可摺疊的互動樹狀結構瀏覽資料。完全在本機瀏覽器執行,資料不會上傳。
- 將 JSON 貼到編輯器,或把 .json 檔案直接拖放到頁面上。
- 點擊物件與陣列旁的箭頭,摺疊或展開分支,只保留需要的節點。
- 在搜尋框輸入鍵名或值,醒目顯示整棵樹中符合的節點。
- 游標停留在任一節點即可檢視其 JSONPath,精準定位巢狀值的位置。
大檔案靠延遲載入維持流暢——只有展開分支時才會解析內容。
相關工具
- YAML樹狀檢視器 將YAML解析為可摺疊的互動式樹狀結構。支援多文件YAML、錨點與參照、搜尋、轉JSON,以及拖曳載入.yaml/.yml檔案。
- JSON路徑查找器 透過路徑運算式導向嵌套JSON資料,支援點號、方括號表示法和陣列索引,即時顯示結果並列出所有路徑。
- TSV 轉 JSON 線上免費將TSV轉換為JSON。支援表頭、自動類型偵測和壓縮輸出。所有處理均在瀏覽器本機完成。
- JSON 轉 CSV 免費線上 JSON 轉 CSV 工具。支援巢狀物件展平、自訂分隔符,即時下載。100% 瀏覽器執行,無需上傳資料。
- CSV 轉 JSON 轉換器 線上免費將CSV轉換為JSON。支援自訂分隔符、基於表頭的物件、自動類型偵測。所有處理均在瀏覽器本機完成。
- XML 美化工具 免費線上 XML 美化工具。在瀏覽器中即時格式化、美化並縮排 XML,支援自訂選項。
- XML 驗證器 即時驗證 XML 語法和結構。透過精確行號和詳細訊息檢測錯誤。免費、安全,完全在瀏覽器中運行。
- SQL 轉 JSON 將 SQL INSERT 語句秒轉為 JSON 陣列或物件。支援多行 VALUES、NULL 處理、自動型別識別和格式化輸出。100% 瀏覽器端執行,無需上傳。