Jorge Pedret – Web Developer

Complementos de Firefox (Add-ons) abril 26, 2007

Lo que hace a Firefox el mejor explorador de Internet (ademas de regirse estrictamente por los estándares de W3C, de ser seguro y de ser muy estable), son sus extensiones!.
Personalmente como desarrollador web, he llegado al punto de depender de estas como herramientas para facilitar, mejorar y optimizar mi trabajo.

Aquí las que yo utilizo con una breve referencia en orden de importancia:

Firebug
Su uso mas básico es inspeccionar el codigo fuente de una página. Se acopla al browser de forma que siempre esta cuando la necesitas (Lo puedes encontrar en la esquina inferior derecha, debajo de la barra de scroll).

Las funciones mas impresionantes son:

• Al desarrollar aplicaciones en AJAX puedo ver los parametros que son enviados por POST o GET al codigo en el servidor y ver que valores recibio
• Editción del código fuente directamente desde el Firebug, esto me ayuda al desarrollo con CSS
• Muestra la velocidad de carga de cada uno de los elementos de tu página
• Consola de errores de Javascript

Web Developer
Barra que se instala en la parte superior del Firefox, tiene todas las funciones que te puedas imaginar. Las más importantes:

• Botón para habilitar y desabilitar javascript
• Control de las cookies, pudiendo editar, eliminar y agregar
• Elimina las variables de sesión establecidas con un servidor
• Muestra y permite edición de CSS de una página en tiempo real
• Mostrar información detallada en pantalla de formularios html
• Permite medir elementos o espacios con una regla
• Mostrar comentarios y elementos escondidos
• La función Outline, bordea con un color los elementos que se le especifiquen
• Redimensionar la página al tamaño que desees (probar distintas resoluciones de monitor

El uso mas frecuente que le doy es el de outline, ya que me sirve para ayudarme a ver donde estan los elementos (Ej: <div>) que no se ven a simple vista o no sabes porque se estan mostrando de cierta forma.

Clear Cache Button
Muy básico pero hace lo que necesitas y como su nombre lo dice borra el cache. Muy útil cuando estas modificando constantemente una página y necesitas ver la útima versión.

HackBar
Barra para hackers, simplemente la uso para probar la seguridad de un sitio. Me facilita y permite inyecciones SQL, hacer hashing a MD5, codificar y decodificar Base 64 y URL. Esta herramienta esta en una etapa de crecimiento todavía, pero es le ve un buen futuro.

Fire Encrypter
Funciona para encriptar y en algunas casos desencriptar cadenas. Tiene distintos métodos de encriptación y hashing.

URL Params
Barra lateral para ver, editar y agregar parametros enviados por los métodos POST y GET a una página. (Muy útil para probar la seguirdad de su página)

HTML Validator
Es el mejor validador de XHTML que he encontrador porque te chequea la validez en tiempo real (No tienes que enviar tu página a otro servidor para que la valide), te muestra y resalta los errores con sus detalles en el codigo fuente.

Tiene 3 formas de validación: HTML Tidy, SGML Parser y Serial. Siempre lo utilizo en Serial, ya que es una combinación de la dos primeras validaciones.

Regular Expressions Tester
Los regular expressions son muy utilizados en la programación para validar entradas del usuario. Esta herramienta, te permite probar la cadena que valida con cualquier entrada de texto, a demas también trae cadenas listas para validar Email, IP, Links, Zip Codes, Etc.

Estas son todas las extensiones que uso, y gracias a ellas Firefox es mi explorador por defecto.

Si estas viendo esta página desde Firefox puedes empezar a bajar estas extensiones desde esta dirección https://addons.mozilla.org/es-ES/firefox/.

Si no estas viendo desde Firefox, y estas interesado en conocerlo, puedes descargarlo desde esta dirección http://www.mozilla.com/en-US/firefox/.

Si conoces alguna otra extension que quieras mencionar solo envia la direción para que todos la podamos probar.