YAML Debug: analiza el código de una web

Si eres un curioso del código fuente esta herramienta que me encontré por Ajaxian seguro te va a gustar, ya que se trata de un bookmarlet de nombre YAML Debug, que una vez instalado en tu browser te muestra la información detallada de como esta construida cualquier página web.

Para instalarla solamente es necesario arrastrar el yaml-debugmarcador con código Javascript a tu barra de marcadores, en Firefox al igual que en Google Chrome sería la barra que se encuentra arriba de la que contiene las pestañas .

Hecho esto cada vez que quieras ver el código fuente de cualquier web bastara con presionar este bookmark y te aparecerá una ventana que te mostrara el modo de renderizado, scripts, tipo de documento y codificación de la web en cuestión.

También cuenta con un modo para checar la calidad del código como:  imágenes sin texto alternativo o elementos obsoletos y por supuesto que te da a conocer la estructura semántica y de diseño, ademas del CSS (hojas de estilo) de la website. Grandiosa herramienta y todo encapsulado en un bookmark.

Enlace | YAML Debug

También te puede interesar:

Escrito por Esteban Rojas

Blogger radicado en México, fundador de Kernel Web, autodidacta, fanático de WordPress, por el momento estudiando el bachillerato, luego ya veremos.

Compartelo

  • Tweetea esto
  • Guarda esto en tu Delicious
  • Mandalo a StumbleUpon
  • Suscribete al Feed

Anda no seas tímido, añade tu opinión