Tengo una página web con contenido de JavaScript generado automáticamente que manipula el DOM cuando los usuarios hacen clic en ciertos enlaces. Cuando guardo la página en Firefox, solo guarda la página original sin las modificaciones DOM. ¿Cómo puedo guardar o volcar el estado actual del DOM HTML manipulado por el javascript?¿Cómo puedo volcar todo el Web DOM en su estado actual en Firefox?
DOM Inspector tiene una opción de File->Save DOM As....
También podría usar firebug para editar el DOM y guardar el marcado completo del documento.
¿Pero cómo? ¿Dónde se encuentra el editor DOM en Firebug? –
Parece que FireFox ha reemplazado el Inspector DOM con una nueva herramienta que ya no tiene esta funcionalidad.
En el nuevo Inspector DOM Ctrl + Shift + I hay una consola que acepta comandos.
Esto funciona a veces ...
console.log(document.documentElement.innerHTML)
Esto le da algo que se puede inspeccionar, pero no copiar y pegar debido a algún fallo ...
alert(document.documentElement.innerHTML)
Esto funciona como console.log (documento .documentElement.innerHTML) debería ...
document.documentElement.innerText = document.documentElement.innerHTML
Si quiere una página HTML completa, puede hacer algo como: > console.log (' \ n' + document.documentElement.outerHTML) – pat
Ctrl + Shift + I ahora (Firefox 58 o más) abre Herramientas> Desarrollador web> Herramientas de alternar. En su pestaña Inspector, haga clic derecho en '' y elija Copiar> HTML externo, luego pegue en un editor de texto. Eso debería capturar todo en el estado actual de la página, excepto la apertura '' que puede copiar por separado. – skierpage
Perfecto. ¡Gracias! –