このツールでできること
JSON ビューアは、オブジェクトと配列をインタラクティブなツリーに変換します。文字列、数値、ブール値、null にはさまざまなテキスト スタイルが使用されます。オブジェクトと配列は項目ごとに展開または折りたたむことができます。ユーザー値は、createElement および textContent を通じてページに書き込まれ、HTML として実行されません。
- Raw ビューには、フォーマットされた JSON が表示されます。
- ツリー ビューは、単一ノードとすべての展開/折りたたみをサポートします。
- 値にHTMLタグやスクリプト文字が含まれていても、プレーンテキストとして表示されます。
使い方
- 有効な JSON を貼り付けます。
- 「ビューの生成」をクリックします。
- [Raw] または [Tree] タブを選択します。
- ノード矢印を使用するか、すべて展開するか、すべて折りたたむと、大きな構造内を移動できます。
主な用途
- インターフェイスの詳細な応答を読み取ります。
- 配列要素とオブジェクトフィールドのデータ型を確認してください。
- 不明な文字列を含む JSON を安全に表示します。
JSON Viewerの機能
Raw ビューと折りたたみ可能な Tree ビューを切り替えて、さまざまな JSON タイプを明確に区別します。日常的な開発、デバッグ、データの並べ替え、コードの最適化のシナリオに適しています。処理結果を直接閲覧、コピー、ダウンロードすることができます。
FAQ
ツリー ビューは文字列内の HTML を実行しますか?
いいえ。すべてのキーと値は、ユーザー コンテンツが innerHTML を結合することなく、テキスト ノードとしてレンダリングされます。
大きな配列をデフォルトで折りたたむ必要があるのはなぜですか?
折りたたむとページの高さが減り、トップレベルの構造を最初に確認できるようになり、いつでも個々のノードまたはすべてのノードを展開できます。
Raw データと Tree データは同じですか?
同じです。どちらのビューも同じ JSON 解析から得られますが、異なる方法で表示されます。