現在の DOM をファイルにダンプし、オフラインで表示できるようにしたいと考えています。基本的に、古いバージョンのページを比較のために保持したいと考えています。ブラウザを閉じるとすぐに消えてしまうので、DOM をそのまま保存したいと思います。
Firefox でこれを行うための回答は既にありますが、Chrome で行うにはどうすればよいですか?
現在の DOM をファイルにダンプし、オフラインで表示できるようにしたいと考えています。基本的に、古いバージョンのページを比較のために保持したいと考えています。ブラウザを閉じるとすぐに消えてしまうので、DOM をそのまま保存したいと思います。
Firefox でこれを行うための回答は既にありますが、Chrome で行うにはどうすればよいですか?
<html>
Web インスペクター (F12) を使用して [要素] タブに移動し、コード内のタグを右クリックして[ Copy
-> ] を選択しますCopy outerHTML
。次に、それを新しいファイルに貼り付けて保存します。
Chrome Dev Tools コンソールで、入力document.documentElement.outerHTML
(オートコンプリートのタブ ボタンを使用してキーストロークを保存) し、Enter キーを押して、DOM テキストが表示されるのを確認します。クリップボードにコピーして別の場所に貼り付けるには、copy(document.documentElement.outerHTML)
代わりに を使用してください。
Damon の回答も適切ですが (Dev Tools で [Elements] をクリックし、右クリック<html>
して [Copy] > [Copy outerHTML] をクリックします)、Console コマンドの方が簡単だと思います。