如何在Chrome中以當前狀態轉儲整個Web DOM？

我想將當前DOM轉儲到一個文件並能夠離線查看它。從本質上講，我有一個過時的版本，我想留下來比較一下。只要我關閉我的瀏覽器，我會失去它，所以我想保存完全按原樣。如何在Chrome中以當前狀態轉儲整個Web DOM？

還有already an answer for doing this in Firefox但我該如何在Chrome中做到這一點？

2012-08-27 styfle

使用Web Inspector（F12），轉到元素選項卡，右鍵單擊代碼中的<html>標記，然後選擇「作爲HTML複製」。然後將其粘貼到新文件中並保存。

2013-02-07 18:29:27 Damon

我在發佈時曾這樣做過，但我認爲這是不完美的解決方案。我想我想把事件處理程序保存在HTML轉儲不會執行的DOM上。 – styfle

@styfle不知道我明白這一點。當你點擊F12時，它是呈現的（正確的措辭？）我看到的HTML，而不是'View Page Source'會給你的基礎轉儲。我遵循Damon的建議，並得到了我需要的一切（由jquery填充選擇框）。它仍然是一個非常笨拙的方法，元素頁面中的簡單Select All將更加直觀。 –

只需「複製」而不是「複製爲HTML」即可。然後只需粘貼到記事本中。 – Karlth

我目前正在使用版本53.0.2785.113 m的Chrome。其他答案不再有效。要正確複製所有子/後代元素，用戶現在必須右鍵單擊<html>，然後在複製之前單擊「全部展開」。其他方面，你不會遞歸複製所有元素。正常的Ctrl + C將複製一個<html>已擴展的所有內容。

來源

2016-10-26 18:10:35 Carter

-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

如果你不熟悉的碼頭工人是如何工作的，要有耐心 - 在第一時間將是緩慢的，但後續調用會很快。

其他信息

測試在

Ubuntu的16

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

泊塢版本：

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了。

來源

2017-09-19 21:35:14

Downvoted沒有解釋。 –

目前，碼頭沒有任何關係，你有沒有讀過問題？ –

如何在Chrome中以當前狀態轉儲整個Web DOM？

回答

相關問題