Joseba Umbelina > Desarrollo web > Extensiones Firefox para desarrollo web

Extensiones Firefox para desarrollo web

January 4th, 2009

El navegador Firefox es una de las herramientas más importantes para el desarrollo web gracias a sus extensiones o plugins que ayudan en la programación, maquetación y debugging en entorno web. Estas son para mi las mejores que hay disponibles ahora mismo:

1. Firebug:
Imprescindible en la maquetación, permite ver y modificar los elementos HTML y estilos CSS directamente en la página. Imprescindible tambien para el debugging de aplicaciones AJAX, pudiendo ver al momento las peticiones y respuestas entre el servidor y el cliente. Además, tambien existen plugins para esta extensión como Yslow, para testeo de rendimiento y tiempo de descarga de los elementos de la página, Jiffy, para testeo de velocidad en ejecución de Javascript o FireCookie, para el manejo de las cookies.

FirebugFirebug

2. Web developer:
Muy completa, aunque pierde importancia si ya se usa FireBug. Permite deshabilitar cookies, css y javascript, rellenar formularios, ver los atributos de los elementos HTML en pantalla, validar HTML y CSS, ver información agrupada de los distintos elementos…

3. Live HTTP headers:
Para porder ver las cabeceras HTTP en tiempo real.

4. ColorZilla
Captura de colores en la página y paleta con los valores HTML de cada color.

5. IETAB
Permite cargar una página usando el motor de Internet Explorer dentro del propio Firefox.

6. HTML Validator
Validación W3C a distintos niveles de código HTML. Indica los errores de la pagina actual y desde la vista de código fuente del navegador, marca exactamente donde esta el error además de mostrar la descripción del mismo.

HTML ValidatorHTML Validator

7. Regular expressions tester
Testeo de expresiones regulares desde una ventana aparte.

8. Selenium IDE:
Entorno de desarrollo para la herramienta de testeo funcional de aplicaciones web Selenium.

Más información y descarga de cada extensión siguiendo el link de cada nombre. A veces conviene pasarse por la página web del propio autor para obtener la última versión disponible.

Desarrollo web , , ,


  1. No comments yet.
  1. No trackbacks yet.