Ver el código HTML “generado”

Aquí les presentamos una simple manera de ver el código de una página HTML generado en nuestro navegador. Notar que existe una diferencia entre el código fuente HTML original, y el que es generado en el navegador. Sí, una diferencia que hoy en día puede ser notoria debido a la cantidad de frameworks de Javascript (prototype, mootools, jQuery, etc.) que andan en la vuelta, y que nos permiten crear elementos HTML de forma dinámica.

Muchas veces los elementos creados no son parte del código HTML original.

Con el addon Web Developer para Firefox resulta muy sencillo obtener el código que fue generado de una página Web.

Lo primero que hay que hacer es instalarse el complemento para Firefox Web Developer.

Una vez instalado, entre la multitud de opciones que nos aparecen, vamos al menú View Source, y luego click en View Generated Source. Esta opción en lugar de presentarnos el código original, nos presentará el código HTML actualizado hasta el momento que ejecutamos la opción.

Resulta muy útil si queremos ver el resultado de aplicar alguna funcionalidad de creación de elementos, ya sea con JQuery, Mootools, o cualquier framework.