Me gustaría poder guardar el estado de la página html después de haber interactuado con ella.Obtener el html de la página javascript-rendered (después de interactuar con él)
Digamos que hago clic en una casilla de verificación, o el javascript establece los valores de varios elementos.
¿Cómo puedo guardar la página "javascript-rendered"?
Gracias.
que debe hacer y se agarra el TODO página no sólo el cuerpo
console.log(document.getElementsByTagName('html')[0].innerHTML);
document.body.innerHTML obtendrá la representación HTML del cuerpo del documento actual.
Eso no necesariamente incluirá todo el estado interno de los objetos DOM porque el HTML contiene el estado predeterminado inicial de los objetos, no necesariamente el estado en el que pueden haber sido cambiados. La única forma de garantizarle que obtenga todo ese estado es hacer una lista del estado que desea guardar y, en realidad, obtener ese estado mediante programación.
Para responder la parte de su pregunta acerca de cómo guardarla, tendrá que describir más sobre el problema que realmente está tratando de resolver.
genial ... pero entonces necesito una forma de guardar ese derecho? Entonces, ¿debería crear un bookmarklet que copie en el portapapeles document.body.innerHTML? – user420667
@ user420667 - Tendrá que describir más sobre el problema que realmente está tratando de resolver para poder seguir respondiendo. – jfriend00
el problema: visito una página web, quiero guardarla y su estado) después de haber interactuado con ella. – user420667
En Chrome (y aparentemente Firefox), no es un método de copia especial() que copiará el contenido representado en el portapapeles. Luego puede hacer lo que quiera pegándolo a su editor de texto preferido.
https://developers.google.com/chrome-developer-tools/docs/commandline-api#copyobject
Ejemplo Console:
copia (document.body.innerHTML);
Nota: Noté que los informes de Chrome no se definieron después de ejecutar el método, sin embargo, parece que se ejecuta correctamente y el contenido correcto está en el portapapeles.
¡Fantástico! He estado buscando edades para esto. No tengo idea de por qué no tiene una calificación más alta, es exactamente lo que se necesita. ¡Gracias! – digitaltoast
¡HAS SALVADO MI VIDA! – tamtom
esto es probablemente mejor, pero una vez más, el problema es guardarlo. puede necesitar un bookmarklet no? – user420667
depende de dónde desee guardarlo, puede asignarlo a una variable, hacer una llamada ajax y guardarla en una base de datos o como un archivo. – GillesC
pero eso me requiere inyectar mi script en la página, ¿no es así? – user420667