JSON文字列をツリー構造で視覚的に表示します。ノードの展開・折りたたみが可能です。
「解析」ボタンでJSONをツリー表示します
ノードをクリックして展開/折りたたみ
📋アイコンでJSONPath(例: $.key[0])をコピー
JSONツリービューアでできること
JSON文字列をインタラクティブなツリー構造で視覚的に表示します。深くネストされたデータの構造把握や、APIレスポンスの内容確認に役立ちます。
使い方
- JSON入力エリア
- テキストエリアにJSON文字列を貼り付けます。
- 解析ボタン
- 入力したJSONを解析し、ツリー構造として描画します。不正なJSONの場合はエラーメッセージを表示します。
- ノードの展開・折りたたみ
- オブジェクトや配列のノードをクリックして、子要素の表示・非表示を切り替えられます。
- JSONPathコピー
- 各ノードのホバー時に表示されるアイコンをクリックすると、そのノードのJSONPath(例: $.key[0])をクリップボードにコピーできます。