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之前,樹狀檢視保持為空。
這個工具可以離線使用嗎?
頁面載入完成後,工具完全在瀏覽器中執行,無需網路連線即可使用。僅初始載入頁面時需要網路存取以取得靜態資源。