View Source Chart: Ver código fuente, HTML organizado

vsc1

Una forma excelente de aprender más sobre los lenguajes relacionados con la web, es observar el código fuente de los websites que nos llame la atención haciendo clic derecho sobre la página y seleccionando la opción Ver código fuente, pero muchas veces lo que se encuentra es un código totalmente desorganizado y difícil de comprender…  afortunadamente los add-ons de firefox vienen al rescate…

En el link que les presento a continuación, estando en su navegador firefox, le hacen clic al ícono llamado Add to Firefox:

https://addons.mozilla.org/en-US/firefox/addon/655/

Y una vez vean la caja de dialogo le hacen clic al botón INSTALL NOW…

vsc2

luego de finalizar la instalación, van a la página de su predilección y hacen clic con el botón derecho del mouse para elegir la opción View Source Chart…

vsc3

Luego, podrán observar el código fuente y los distintos niveles de anidamiento, todo en cajas para comprender mejor la organización del código HTML..

vsc4

Genial!!! a mi me gusta esta herramienta, espero les sea de gran utilidad….

Anuncios

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s

A %d blogueros les gusta esto: