etiquetas ejemplos html browser rendering firebug

html - etiquetas - meta tags ejemplos



¿Es el HTML mostrado a través de ''Ver código fuente'' diferente al HTML mostrado en las herramientas de desarrollo(Firebug)? (4)

En Firefox, View Source puede volver a cargar la página, cambiando eso está en ella. Vea este error y vote si le está molestando:

https://bugzilla.mozilla.org/show_bug.cgi?id=307089

Estoy usando Firefox junto con las herramientas para desarrolladores de Firebug.

¿El código HTML que se muestra en Ver código fuente ( Ctrl + U ) es diferente del código HTML que veo al inspeccionar elementos utilizando Firebug?

¿Cuáles son las diferencias entre los dos?


La diferencia es (pero no se limita a) que en la consola de firebug puedes ver cambios dinámicos, que ocurrieron en la página web. Por ejemplo, modificaciones de elementos DOM (de AJAX o JavaScript regular), modificaciones in situ de CSS , etc.


Si son diferentes.

Ver código fuente le muestra el código HTML original de la página.

El inspector le muestra el DOM tal como fue interpretado por el navegador. Esto incluye, por ejemplo, los cambios realizados por javascript que no se pueden ver en la fuente HTML.

Ah, y esto también cuenta para las herramientas de desarrollo que le permiten ver el DOM en otros navegadores, como el Inspector web de Chrome y la barra de herramientas de desarrollador de Internet Explorer. La fuente HTML siempre será la misma en todos los navegadores, el DOM generado puede diferir ya que es una interpretación y los motores de render no son todos iguales (desafortunadamente).


También se debe tener en cuenta que, además de la manipulación dinámica de DOM que podría estar ocurriendo a través de javascript, etc., Firefox también analizará y "limpiará" el HTML (X) con formato incorrecto, por lo que estos cambios también afectarán lo que ve cuando inspecciona un elemento.