javascript - attribute - title html css
¿Cómo obtener HTML completamente computado(en lugar de HTML de origen)? (4)
Dada una página web que usa muchos javascript para generar su HTML, ¿cómo puedo obtener el HTML computado final analizado por el navegador en lugar del HTML de origen? En otras palabras, supongamos que una página tiene muchas etiquetas que rodean las funciones de javascript que, cuando se las llama, devuelven algo de HTML. Cuando veo la fuente de la página, veo la llamada a la función de script, no el HTML que produce.
¿Cómo puedo obtener todo el HTML producido por una página web?
Me he dado cuenta de que Firebug parece ser capaz de ver el HTML en lugar de los scripts, pero no parece tener ninguna forma de guardar toda la página, solo pequeños segmentos.
Actualizar:
Gracias por todas las respuestas. Sin embargo, todavía no obtengo el HTML que veo en la consola de Firebug con ninguna de esas técnicas. En mi página de ejemplo, estoy usando la pestaña "Información" de mi propio perfil de Facebook. Si ve la fuente en esa página, verá muchos guiones con el título ''big_pipe.onPageletArrive ()''. Sin embargo, si lo miras en Firebug, cada una de esas funciones llama a HTML. Intenté hacer clic con el botón derecho en la etiqueta en Firebug, Ver código fuente en la barra de herramientas de Webdev y la sugerencia de Chrome, pero todos me dieron la llamada al script, no el HTML.
¿Alguna otra idea?
Actualización 2:
Cuando dije que cada una de esas funciones se traduce a HTML en Firebug, no estaba del todo bien. Solo se muestran si los selecciono en la página y hago clic con el botón derecho-> Inspeccionar elemento. Entonces parece que lo hace salir. Entonces, tal vez mi pregunta se haya convertido en cómo hacer que Firebug genere automáticamente todo el HTML para que pueda seleccionarlo y guardarlo. (O estoy abierto a cualquier otra solución para capturar este HTML).
La barra de herramientas del desarrollador web para Firefox tiene una opción "Ver fuente generada" que proporciona esta funcionalidad.
No es posible en general. Este es un extracto de mi bookmarklet que se basa en un outerHTML no estándar:
with (window.open("")) {
document.open("text/html");
document.write("<PRE>");
document.write(opener.document.documentElement.outerHTML.replace(/</g,"<").replace(/>/g, ">"));
document.write("</PRE>");
document.close();
document.title = "DOM Snapshot:" + opener.document.title;
focus();
}
Nota: DTD falta y no es recuperable en absoluto.
Con la pestaña HTML de Firebug, puede hacer clic derecho en el elemento <html> y hacer clic en "Copiar HTML".
Puedes hacer lo mismo con las herramientas de desarrollo en Chrome / Safari.
with (window.open("")) {
document.open("text/html");
document.write("<!--/n"); //for live version delete this line
document.write(opener.document.documentElement.outerHTML.replace(/</g,"<").replace(/>/g, ">"));
document.write("/n//-->"); //for live version delete this line
document.close();
document.title = "DOM Snapshot:" + opener.document.title;
focus();
}
- Consola abierta
- Copia, pega el código anterior y ejecuta
- abre una página vacía,
- Ahora inspecciona la página con el botón derecho o f12,
- Copia el archivo exterior del comentario.
- pega donde quieras
- Opcionalmente elimina el comentario al principio y al final.
Si desea una versión en vivo en la que se pueda hacer clic, simplemente omita las etiquetas de comentarios en el código anterior.