Quiero volcar el DOM actual en un archivo y poder verlo fuera de línea. Esencialmente, tengo una versión desactualizada de una página que me gustaría mantener para compararla. En cuanto cierre el navegador, lo perderé, así que me gustaría guardar el DOM exactamente como está.¿Cómo puedo volcar todo el Web DOM en su estado actual en Chrome?
Hay already an answer for doing this in Firefox pero ¿cómo lo hago en Chrome?
Usando Web Inspector (F12), vaya a la pestaña Elementos, haga clic derecho en la etiqueta <html> en su código y seleccione 'Copiar como HTML'. Luego, pegue eso en un nuevo archivo y guárdelo.
Actualmente estoy usando la versión 53.0.2785.113 m de Chrome. Las otras respuestas ya no parecen ser válidas. Para copiar correctamente todos los elementos secundarios/descendientes que el usuario tiene ahora, haga clic con el botón derecho en <html> y luego haga clic en "Expandir todos" antes de copiar. De lo contrario, no copiará recursivamente todos los elementos. Una Ctrl + C normal copiará todo lo que se haya expandido <html>.
Mi forma favorita de hacer esto es:
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
Si usted no está familiarizado con el funcionamiento del estibador, se paciente - la primera vez que va a ser lento, pero invocaciones posteriores será rápido.
Otra información
Probado en
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
acoplable versión:
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
versión acoplable:
Docker version 17.06.1-ce, build 874a737
Si instala tidy puede sangrar el código HTML también.
Votación descendente sin explicación. –
actual, acoplador no relacionado en absoluto, ¿leyó la pregunta? –
Lo hice en el momento de la publicación, pero creo que hay una razón por la que esta no es la solución perfecta. Creo que quería guardar controladores de eventos en el DOM que el volcado de HTML no hace. – styfle
@styfle No estoy seguro de entender esto. Cuando presionas F12 es el HTML renderizado (¿redacción correcta?) Que veo, no el volcado base que te dará 'Ver fuente de página'. Seguí los consejos de Damon y obtuve todo lo que necesitaba (un cuadro de selección poblado por jquery). Todavía es un enfoque muy torpe, una simple página Seleccionar todo de los elementos sería mucho más intuitiva. –
Solo "Copiar" en lugar de "Copiar como HTML" hace el truco. Luego solo pega en el Bloc de notas. – Karlth