Как я могу сбросить всю веб-DOM в текущем состоянии в Chrome?

Я хочу сбросить текущую DOM в файл и иметь возможность просматривать ее в автономном режиме. По сути, у меня есть устаревшая версия страницы, которую я хотел бы оставить для сравнения. Как только я закрою свой браузер, я потеряю его, поэтому я хочу сохранить DOM точно так, как есть.

Существует уже ответ для этого в Firefox, но как это сделать в Chrome?

ОТВЕТЫ

Ответ 1

Используя веб-инспектор (F12), перейдите на вкладку "Элементы", щелкните правой кнопкой мыши тег <html> в своем коде и выберите "Копировать как HTML". Затем вставьте это в новый файл и сохраните.

Ответ 2

В настоящее время я использую версию 53.0.2785.113 м Chrome. Другие ответы больше не кажутся действительными. Чтобы правильно скопировать все дочерние/дочерние элементы, пользователю теперь необходимо щелкнуть правой кнопкой мыши по <html>, а затем щелкнуть "Развернуть все" перед копированием. Иными словами, вы не будете рекурсивно копировать все элементы. Нормальный Ctrl + C скопирует все, что было создано <html>.

Ответ 3

Мой любимый способ сделать это:

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

Если вы не знакомы с тем, как работает Docker, будьте терпеливы - первый раз будет медленным, но последующие вызовы будут быстрыми.

Другая информация

Проверено на

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 Sierra

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.