JSON 樹狀檢視器 - 視覺化結構並取得路徑

JSON 樹狀檢視器 是什麼？

JSON 樹狀檢視器是一款將 JSON 資料視覺化為可展開收合樹狀結構的工具。資料型別以顏色區分，並提供統計資訊。點擊節點可將其 JSONPath 複製到剪貼簿。

另請參閱: JSON 格式化 · JSON 差異比較 · JSON 轉程式碼

使用方法

1. 將 JSON 貼入文字區域
2. 點擊「顯示樹狀圖」按鈕
3. 點擊節點以展開/收合

使用範例

Input:
{"users":[{"id":1,"name":"Alice"},{"id":2,"name":"Bob"}]}

Tree view:
▾ users (array: 2 items)
  ▾ [0] (object)
    id: 1 (number)
    name: "Alice" (string)
  ▾ [1] (object)
    id: 2 (number)
    name: "Bob" (string)

Practical use: Understand the structure of a deeply nested API response and copy the JSONPath of the target field to paste into your code

常見問題

可以顯示大型 JSON 嗎？

可以。預設節點展開至深度 2，大型 JSON 也可順暢瀏覽。

JSONPath 以什麼格式複製？

以 $.key.subkey 或 $.array[0].field 等 JSONPath 格式複製，與主流 JSONPath 程式庫相容。

如何展開和收合節點？

點擊節點可切換展開/收合。初始狀態顯示展開至深度 2 的節點。

在哪裡可以看到陣列元素數量？

元素數量顯示在陣列節點標籤中，統計面板也會依型別顯示總計。

我的資料會傳送到伺服器嗎？

不會。所有顯示處理均在瀏覽器中進行，敏感資料是安全的。

相關工具