HTML の比較
2 つの HTML ファイルをオンラインで比較します。DOM 構造をノード単位で比べるか、両方の文書をサンドボックスの中で左右に並べてプレビューできます。無料で、アップロードはありません。
ファイルがブラウザーから出ることはありません。
HTML の比較について
2 つの HTML 文書を、構造として（DOM のように）比較するか、描画して左右に並べて比較します。テンプレートの変更、CMS の書き出し、生成されたマークアップを追うのに便利です。
使い方
- 2 つの HTML の断片を貼り付けるか読み込みます。
- 「オプション」でモードを選びます。構造（DOM ツリーの差分）か、描画（見た目）です。
- 属性ごと、ノードごとに変更を確認します。
サンプルで試す
ボタンを足し、見出しを変えたヒーローのセクションです。
このツールが扱わないこと
- 外部のリソース（CSS、スクリプト、フォント）は取得しません。描画のモードでは、その場に書いたスタイルだけが効きます。
- 壊れた入力では、タグの自動閉じの解釈がブラウザーの解析器と違うことがあります。
よくある質問
ファイルがブラウザーの外に出ることはありますか。
ありません。すべての比較はあなたのブラウザーの中で動きます。貼り付けた内容、ドロップしたファイル、読み込んだファイルがサーバーに送られることはありません。ページを読み込んだあとは、オフラインになってもツールは動き続けます。
このツールは無料で使えますか。
無料です。DiffResolver のツールはすべて無料で、アカウントも登録もインストールも要りません。処理はあなたの端末で動くので、サーバー側の利用制限もありません。
構造のモードと描画のモードは何が違いますか。
構造のモードは、解析した DOM ツリー（タグ、属性、テキストノード）の差分を取ります。テンプレートや生成したマークアップに向きます。描画のモードは、両方の文書を左右に並べて目で確認できます。
外部の CSS やスクリプトを読み込みますか。
読み込みません。プライバシーのためと、結果を毎回同じにするために、外部のリソースは取得しません。描画のモードに効くのは、その場に書いたスタイルだけです。
ファイルサイズの上限はありますか。
アップロードしないので、サーバー側の上限はありません。実際の上限を決めるのは、あなたの端末のメモリーです。テキストは 10 MB、画像は 40 MB、ドキュメントは 100 MB、アーカイブは 500 MB を超えると、処理が遅くなる可能性をツールが知らせますが、ファイルをブロックすることはありません。
このツールはオフラインでも動きますか。
動きます。最初の訪問のあと、ブラウザーがツールのコピーを保持するので、一度開いたページはネットワークがなくても動きます。ブラウザーのメニューから DiffResolver をアプリとしてインストールすることもできます。インストールは任意で、通常のタブでも同じように動きます。
データはどこに保存されますか。
ファイルはどこにも保存されません。ページのメモリーの中だけにあり、タブを閉じると消えます。このブラウザーに残るのは、あなたが自分で保存したものだけです。スナップショット、ツールの設定、テーマがこれにあたります。消すときは、設定を開いて「ローカルデータをすべて消去」を選んでください。