Chcę zrzucić bieżący DOM do pliku i móc wyświetlić go w trybie offline. Zasadniczo mam przestarzałą wersję strony, którą chciałbym zachować dla porównania. Jak tylko zamknę przeglądarkę, stracę ją, więc chciałbym zapisać DOM dokładnie taki, jaki jest.Jak mogę zrzucić cały obiekt Web DOM w jego bieżącym stanie w przeglądarce Chrome?
Istnieje already an answer for doing this in Firefox, ale jak to zrobić w przeglądarce Chrome?
Korzystając z Web Inspector (F12), przejdź do zakładki Elementy, kliknij prawym przyciskiem myszy na znaczniku <html> w swoim kodzie i wybierz "Kopiuj jako HTML". Następnie wklej to do nowego pliku i zapisz.
Obecnie używam wersji 53.0.2785.113 m Chrome. Pozostałe odpowiedzi nie wydają się już ważne. Aby poprawnie skopiować wszystkie elementy potomne/potomne, użytkownik musi kliknąć prawym przyciskiem myszy na <html>, a następnie kliknąć "Rozwiń wszystkie" przed kopiowaniem. Poza tym nie rekurencyjnie skopiujesz wszystkie elementy. Normalny Ctrl + C skopiuje wszystko, co zostało rozszerzone o jeden <html>.
Mój ulubiony sposób to zrobić:
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
Jeśli nie jesteś pewny, jak Docker działa, być cierpliwy - po raz pierwszy będzie powolny, ale późniejsze wywołania będzie szybka.
Pozostałe informacje
Testowane na
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 wersja:
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
wersja Docker:
Docker version 17.06.1-ce, build 874a737
Jeśli zainstalujesz tidy można wciąć HTML zbyt.
Potraktowane bez wyjaśnienia. –
aktualne, dokowanie nie jest w ogóle powiązane, czy przeczytałeś pytanie? –
Zrobiłem to w momencie księgowania, ale myślę, że był powód, dla którego nie jest to idealne rozwiązanie. Chyba chciałem zapisać procedury obsługi zdarzeń w DOM, których nie robi zrzut HTML. – styfle
@styfle Not sure Rozumiem to. Kiedy klikniesz F12, zobaczysz renderowany (poprawny tekst?) HTML, a nie zrzut podstawowy, który dostarczy Ci "View Page Source". Poszedłem za radą Damona i dostałem wszystko, czego potrzebowałem (pole wyboru wypełnione jquery). Nadal jest to bardzo niezdarne podejście, prosta strona Wybierz wszystko ze strony będzie znacznie bardziej intuicyjna. –
Po prostu "Kopiuj" zamiast "Kopiuj jako HTML" robi lewę. Następnie wklej do Notatnika. – Karlth