HTML, XML Diff Checker

HTML・XMLの2つのバージョンを貼り付けるだけで、追加・削除・変更された行をHTML, XMLの構文ハイライト付きで確認できます。比較はブラウザ内でローカルに実行されます。

元のテキスト

変更後のテキスト

構文ハイライトをHTML, XMLに固定

このページではHTML, XMLの構文が自動的にハイライトされるため、ファイルを比較する前に言語を選択する必要はありません。

ローカルでプライベートに比較

比較はブラウザ内で実行されます。ソースコード、APIペイロード、設定ファイルがサーバーにアップロードされることはありません。

分割表示・統合表示でレビュー

左右に並べてレビューするなら分割表示、パッチのようにコンパクトに見るなら統合表示が便利です。大きなファイルでは、変更のない行を隠すこともできます。

HTML, XMLファイルをオンラインで比較する方法

このHTML, XML Diff Checkerは、コードや設定の変更をすばやく、プライベートに比較したい開発者向けのツールです。HTML, XMLの構文ハイライトはあらかじめ有効になっているため、2つのバージョンを貼り付けて比較を実行するだけで、追加・削除・行内の変更を確認できます。

元のHTML・XMLを左側に貼り付けるか、「ファイルを開く」から読み込みます。
変更後のHTML・XMLを右側に貼り付けるか、「ファイルを開く」から読み込みます。
「比較する」をクリックし、分割表示または統合表示で結果を確認します。変更箇所だけを見たいときは「変更のない行を隠す」をオンにします。

HTML, XMLファイルをブラウザ内でプライベートに比較

差分はブラウザ内でローカルに計算されるため、ソースコード、APIレスポンス、認証情報、設定ファイルが端末の外に出ることはありません。復元用に直近の1セッションがブラウザのストレージに保存される場合がありますが、ツールからいつでも削除できます。

HTML, XMLの差分比較の主な用途

マークアップ、テンプレート、XML文書を比較

属性、タグ、ネスト構造の変更をレビュー

生成されたHTMLやXMLの出力を期待されるテキストと照合

HTML, XMLの構文ハイライト

このページでは構文ハイライトがHTML, XMLに固定されているため、言語の選択メニューは表示されません。パーサーがタグ、属性、エンティティ、ネストされた要素などのトークンを色分けし、差分エンジンが実際のテキストの変更を強調表示します。

.html, .htm, .xml, .svg

参考：MDNのHTMLリファレンス