展開 / 摺疊
先收起無關分支，只看當前關心的路徑。預設會展開較淺的幾層，更深的節點點開即可。
物件顯示欄位個數，陣列顯示元素個數，方便估計體積。
JSON 樹形檢視
本地處理 也可透過 #data={"name":"Ada"} 或 #url=... 灌入資料，讀完即從位址列清除。
把 JSON 顯示成可摺疊的樹。層級很深、欄位很多時，比在純文字里找括號更清楚，也能看到每個節點的型別。點節點可複製 JSONPath，方便寫到測試或 JSONPath 頁裡驗證。
型別一眼能看出來
物件、陣列、字串、數字、布林和 null 會區分開。避免把 "123" 和 123 看成一回事。
適合在聯調時確認後端實際返回的型別。
和欄位識別互補
樹負責結構；時間戳、色值請用欄位識別頁。兩者搭配：先在樹上定位路徑，再看葉子是不是特殊格式。
只讀瀏覽，不會在樹上直接改業務資料。
示例
{
"project": "json-toolbox",
"config": {
"theme": "light",
"limits": { "maxSizeMB": 10 }
}
} 根是物件 → config 是物件 → limits 是物件 → maxSizeMB 是數字。點開節點即可，不必數括號。 能在樹上直接改值嗎？
本頁以檢視為主。改完再校驗，請回到格式化頁貼上。
特別大怎麼辦？
儘量先用 JSONPath 抽出子樹，再展開檢視。
點選節點做什麼？
會嘗試把該節點的 JSONPath（如 $.user.id ）複製到剪貼簿，方便寫斷言。
和格式化哪個先用？
先保證合法 JSON。非法文字無法畫樹，請先校驗或格式化。
推薦工作流
- 貼上合法 JSON，或載入示例看樹如何展開。
- 摺疊不相關分支，點到目標欄位。
- 複製路徑，拿到 JSONPath 頁驗證，或寫進測試程式碼。
- 葉子像時間戳或 URL 時，再用欄位識別頁確認。
樹形適合「看結構」；JSONPath 適合「批次取值」。大文件兩者一起用比整頁展開更快。