Para todos aquellos que trabajen como yo en el mundo del desarrollo (y mantenimiento) de aplicaciones web, sabrá que no hay navegador que ayude tanto como el Firefox y sus plugins. Hace ya tiempo (años…) que he dejado atrás el Internet Explorer. Ya no me parece necesario, ni útil.

Voy a comentar algunos de los plugins que uso habitualmente por si alguno de vosotros aún no los conoce y le interesa experimentar con un puñado de herramientas que para mí se han hecho fundamentales en el desempeño de mi tarea diaria.

Web developer: para mí es, junto con el Firebug, la herramienta más completa. Te permite obtener información de cualquier elemento renderizado en tu navegador, manejar las cookies, los estilos, ver el código fuente con sus errores, etc. Te informa si la web cumple con los estándares declarados por el W3C. Te da información de los formularios, las imágenes y mucho más. Yo lo empleo para verificar el tema de los estilos en la página, ver que lo que yo programo se representa tal y como yo quiero. Esta es la web donde se desarrolla y se atienden dudas por parte de sus creadores.

Firebug: es la más completa de todas las herramientas que he empleado hasta ahora, porque, a diferencia del anterior plugin, te permite editar contenido y ver su resultado en tiempo real. Aún hoy en día no lo he explorado completamente, pero se puede inspeccionar la página y te va diciendo en qué parte del código te encuentras. Otra de sus opciones que empleo mucho últimamente es la que permite su pestaña NET, que te dice cuánto tiempo tardan en descargarse las imágenes y demás componentes del servidor. También es posible visualizar el intercambio de peticiones HTTP que se hace entre cliente (el navegador) y el servidor donde está alojada la web que estás consultando.

Validador HTML: basado en un algoritmo de comprobación de sintaxis llamado Tidy HTML que te avisa de errores típicos que se producen al programar: etiquetas mal cerradas, atributos ya obsoletos, eventos no soportados, etc.

Live HTTP Headers: es un capturador de peticiones HTTP. Es útil para ver en cada momento qué es lo que se pide (.html, .css, .php, .png,…), dirección del servidor a donde se pide, estado de la petición (los famosos 200,404, 500, …). Bastante útil para saber que ocurre realmente ‘por detrás’ del navegador.

YSlow: es el que he conocido más recientemente. Es plugin de un plugin. Es una funcionalidad que se añade al Firebug, integrándose con el resto de componentes. Lo han desarrollado la gente de Google, pensado para indicarte las posibles optimizaciones que pueden hacerse en tu web: minimizar el número de archivos .css o .js a los que las páginas llaman, emplear CDN’s como Flickr, Youtube, etc.

Si alguno se decide a pasarse al ‘lado claro’, tenemos en la barra lateral derecha un enlace para descargarse el Firefox. ¡No lo dudéis!