2012-08-27 8 views
16

現在のDOMをファイルにダンプし、オフラインで表示できるようにします。本質的に、私は比較のために残しておきたい古いバージョンのページを持っています。私がブラウザを閉じるとすぐに、私はそれを失うつもりですので、そのままDOMを保存します。Web DOM全体を現在の状態でChromeにダンプするにはどうすればよいですか?

already an answer for doing this in Firefoxがありますが、Chromeでどのように行うのですか?

答えて

21

Webインスペクタ(F12)を使用して、[要素]タブに移動し、コード内の<html>タグを右クリックし、[HTMLとしてコピー]を選択します。それを新しいファイルに貼り付けて保存します。

+4

投稿時にこれを行いましたが、これが完璧な解決策ではない理由があったと思います。 HTMLダンプではできないDOMにイベントハンドラを保存したかったと思います。 – styfle

+0

@styfle私はこれを理解していません。 F12を押すと、表示されたHTML(正しい言い回し?)のHTMLが表示されます。「ページソースの表示」が表示されるベースダンプではありません。私はDamonのアドバイスに続き、必要なものすべてを持っていました(jqueryによって設定された選択ボックス)。それはまだ非常に不器用なアプローチです、要素ページからの単純なSelect Allはもっと直感的です。 –

+1

"HTMLとしてコピー"の代わりに "コピー"だけがそのトリックです。次に、メモ帳に貼り付けます。 – Karlth

2

現在、Chromeのバージョンは53.0.2785.113 mです。他の回答はもはや有効ではないようです。すべての子/子孫要素を正しくコピーするには、ユーザは<html>を右クリックしてから、コピーする前に「すべて展開」をクリックする必要があります。それ以外の場合は、すべての要素を再帰的にコピーしません。通常のCtrl + Cは1つをすべてコピーします<html>が展開されています。これを行うには

-1

私のお気に入りの方法は次のとおりです。

docker run -it --rm --name chrome --shm-size=1024m --cap-add=SYS_ADMIN --entrypoint=/usr/bin/google-chrome-unstable yukinying/chrome-headless-browser --headless --disable-gpu --dump-dom https://www.facebook.com 

あなたはドッカーがどのように動作するかに慣れていない場合は、患者のこと - 最初の時間が遅くなりますが、後続の呼び出しは、迅速になります。


Linux intel-nuc 4.4.0-21-generiC#37-Ubuntu SMP Mon Apr 18 18:33:37 UTC 2016 x86_64 x86_64 x86_64 GNU/Linux 

ドッカーバージョンのUbuntu 16

に試験された他の情報

Docker version 1.10.3, build 20f81dd 

のMac OS Xシエラ

Darwin MacBook-Pro.local 16.7.0 Darwin Kernel Version 16.7.0: Thu Jun 15 17:36:27 PDT 2017; root:xnu-3789.70.16~2/RELEASE_X86_64 x86_64 i386 MacBookPro14,3 Darwin 

ドッカーバージョン:

Docker version 17.06.1-ce, build 874a737 

あなたがtidyをインストールする場合は、あまりにもHTMLをインデントすることができます。

+0

説明なしでダウンリストされました。 –

+0

現在、ドッカーはまったく関連していません、あなたは質問をお読みになりましたか? –

関連する問題