XML入力

ツリー出力

大きなXMLファイルを開いて、どこで要素が終わり別の要素が始まるのか分からず山括弧の壁を見つめた経験があるなら、その辛さは分かるでしょう。XML仕様はほぼ何でも記述できるほど柔軟ですが、その柔軟性ゆえにドキュメントはすぐに深くネストされます。このツリービューアーは生のXMLを受け取り、ブラウザ内蔵のDOMParser APIで解析し、すべての要素、属性、テキストノードを一目で確認できる折りたたみツリーを描画します。

XMLツリービューアーの使い方

1

XMLを貼り付け

任意のXMLドキュメントをコピーして入力欄に貼り付けます。ツリービューは小さなXMLでも大きなXMLでも自動的に描画されます。

2

ツリーを探索

任意のノードをクリックして展開または折りたたみます。ツリーは要素、属性、テキストノードを明確な階層構造で表示します。

3

ナビゲートして検査

ツリーを使ってXML構造を理解したり、特定の要素を見つけたり、プログラム的に処理する前にドキュメントの階層を確認したりできます。

XML構造の例

例:製品カタログXML

XML入力:

<catalog>
  <product id="1">
    <name>Widget Pro</name>
    <price currency="USD">29.99</price>
    <stock>150</stock>
  </product>
</catalog>

描画されたツリー構造:

catalog
└─ product [id="1"]
   ├─ name: "Widget Pro"
   ├─ price [currency="USD"]: "29.99"
   └─ stock: "150"

よくある質問

XMLデータはサーバーに送信されますか?

いいえ。すべてはブラウザのネイティブDOMParser APIを使用してローカルで処理されます。XMLがマシンの外に出ることはありません — ブラウザのネットワークタブで確認できます。

XMLにエラーがある場合はどうなりますか?

ブラウザのパーサーが問題を検出し、ツールは詳細なエラーメッセージを表示します。JSONとは異なり、XMLは整形式について厳格です — 開始タグには終了タグが必要で、属性は引用符で囲む必要があり、特殊文字にはエスケープが必要です。W3Cの整形式ルールで完全なリストを確認できます。

どのくらいの大きさのXMLファイルを表示できますか?

ツール自体には固定の制限はありません — ブラウザの利用可能メモリに依存します。10-15 MBまでのファイルはChromeやFirefoxで問題なく動作します。非常に大きなドキュメントには、XMLStarletのようなコマンドラインツールがより実用的です。

SOAPやWSDLレスポンスの表示に使えますか?

もちろんです。SOAPエンベロープやWSDL定義はXMLドキュメントなので、ツリーとして完璧に表示されます。IDEを起動せずに未知のWebサービスレスポンスの構造を理解する最も速い方法であることが多いです。

関連ツール