Cómo ver" código HTML generado " en Firefox?

Si usamos Firebug, podemos hacer clic en la pestaña HTML, y hacer clic para expandir cada elemento para ver el código HTML generado. ¿Hay alguna manera de expandirlo todo o obtener un archivo de texto sin formato?

Me acabo de enterar accidentalmente que ni siquiera tiene que ser Firebug. Podemos simplemente presionar CTRL-A (para seleccionar todo) en la página web, y luego hacer clic derecho y elegir "Ver Fuente de selección", entonces obtendremos un archivo de texto plano del "código HTML actual", incluso veremos un <div> que es el panel Firebug que está antes de la etiqueta <body> si Firebug está abierto. Pero parece una forma extraña de invocar esto. ¿Hay alguna otra manera?

(Update : el HTML generado generalmente se refiere al HTML después de que JavaScript cambie el DOM. Es el árbol DOM actual en lugar del código fuente original)

Author: Brock Adams, 2010-07-23
Source

5 answers

En la pestaña HTML de Firebug, haga clic derecho en el nodo raíz y seleccione "copiar HTML". A continuación, pegar en un editor de texto.

Sin los complementos de Firefox, podrías usar un bookmarklet así: 

javascript: var win = window.open(); win.document.write('<html><head><title>Generated HTML of  ' + location.href + '</title></head><pre>' + document.documentElement.innerHTML.replace(/&/g, '&amp;').replace(/</g, '&lt;') + '</pre></html>'); win.document.close(); void 0;
 26
Author: user123444555621,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2010-07-24 08:16:51

Con el complemento Web Developer toolbar, seleccione Ver código fuente - Ver Fuente generada . Y si quieres ver la fuente original, seleccione Ver código Fuente - Ver código Fuente (o simplemente pulse CTRL-CAMBIO-U)

 18
Author: Gert Grenander,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2010-07-23 00:02:12

Usando Firefox DevTools (integrado en FF desde la versión 35) puede ver el HTML generado abriendo el inspector web (CTRL-shift-C ) y seleccionando la pestaña HTML .

Puede copiar el HTML generado haciendo clic derecho en <html> y seleccionando Copiar HTML interno.

 3
Author: gioele,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2016-01-21 09:37:35

Si está buscando una solución programática, simplemente puede alimentar el documento en un XmlSerializer.

 0
Author: MatrixFrog,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2010-07-31 16:37:52

No se si entendí bien tu pregunta, pero aquí hay algo realmente simple y no necesitarás otro complemento.

Cada navegador tiene una función nativa para ver el código fuente de la página real, simplemente haga clic derecho y busque algo que se asemeje a "fuente" o "código".

En Firefox, por ejemplo, es solo "Souce-code", en Chrome es "Ver fuente de página" y así sucesivamente.

Dicho esto, Web Developer toolbar es de hecho un gran complemento, especialmente si haces CSS demasiado.

 -1
Author: Brunno Gomes,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2010-07-23 08:05:22