Contenido

Firebug, amarás las cucarachas!!!

16 Nov

+ 39

Firebug es la mejor herramienta para desarrollar aplicaciones web, y lo digo por experiencia, he utilizado muchas, Aptana, Web Developer Tool,… y puedo asegurar que sin Firebug no podría hacer nada, o casi nada.

html1.gif

Mejoras

Hace ya unos meses que la uso en el trabajo y aparte de permitirme depurar el ajax de forma fácil y cómoda (me gusta más que LiveHTTPHeaders) poseé una cantidad de opciones que facilitan la vida al desarrollador web. Pero parece que eso no les basta a los desarrolladores de esta fantástica herramienta y para la versión 1.0, que ahora está en estado de prueba de betas, van a sorprendernos con una cantidad de mejoras que nos harán más fácil el trabajo.

De la manera que quieras [Ver más]

html1.gif

En la nueva versión podrás abrir firebug en una nueva ventana o colocarla en la parte inferior de la página actual como hace ahora mismo con la versión actual, esto te da mucha libertad a la hora de localizar elementos en la página y poder llevar un control aún mejor del flujo de la aplicación. Además podrás definir en que páginas quieres que se ejecute y en cuales no.

Inspecciona y edita el HTML [Ver más]

html1.gif

Incorporña una versión mejorada del sistema de edición de HTML en tiempo real. De esta forma podrás cambiar la estructura de tu página sin tener que recargar de una sola vez.

Perfecciona tus CSS [Ver más]

html1.gif

Una novedad más que interesante es la posibilidad de modificación de las CSS, Firebug permitirá modificar las CSS de tu aplicación sin tener que acudir al fichero CSS, viendo los resultados en vivo.

Maqueta con regla [Ver más]

html1.gif

Además integra una regla para que no nos dejemos un pixel de diferencia en ningun elemento.

Monitoriza la actividad de la red [Ver más]

html1.gif

Se encarga de controlar el tiempo de carga de un aplicación web, mostrandote el tiempo que tardó en procesar toda la página.

Debugguerar Javascript [Ver más]

html1.gif

Mejoras en la sección de debugueo de Javascript, con mejoras muy interesante como causar stop en el código únicamente cuando se cumpla la condición, asignar el punto de stop desde el panel de errores JS, mostrar el valor de las variables mediante tooltips, nos permite controlar el tiempo de ejecución de nuestros scripts y almacena in log de la ejecución.

Mejora en la captura de errores [Ver más]

html1.gif

En el listado de errores encontrados en el código se ha mejorado sustancialmente integrando más información acerca del error y la posibilidad de activar una parada en el punto de error.

Explorar el DOM [Ver más]

html1.gif

En la exploración del arbol DOM generado en el navegador han introducido la posibilidad de modificar los valores del mismo, usar un autocomplete y navegar por el código Javascript.

Ejecutar Javascript en vivo [Ver más]

html1.gif

Una de las mejores novedades es esta, te permite ejecutar javascript de manera automática y ver el resultado en vivo, esto te ayuda a depurar o añadir nuevas funcionalidades a nuestra aplicación sin tener que recargarla para procesar el javascript modificado.

Conclusión

Si la versión anterior, la 0.4 me tiene enamorado, a la 1.0 le voy a jurar amor eterno y renunciar a Scarllet (No!! Eso nunca) si hace falta. Una herramienta de estas características en cualquier otro lenguaje es algo muy normal de encontrar, pero para la programación web no conozco nada que le vaya a hacer sombra. ¿Vosotros?

12 comentarios, 27 referencias

+

#

  1. Firebug: un bicho para los desarrolladores at FX Designs 17/11/2006 02:11
  2. Firebug, amarás las cucarachas!!! « Cosas sencillas 19/11/2006 05:11
  3. 6 formas de generar logs de Javascript - aNieto2K 28/11/2006 01:11
  4. Gabriel Lanzani » Firebug Beta 1.0 04/12/2006 04:12
  5. Manual de supervivencia para obsesivos de la WEB 2.0 - aNieto2K 04/12/2006 09:12
  6. Firebug 1.0 public beta, por fin!! - aNieto2K 05/12/2006 08:12
  7. Firebug ScreenCast - aNieto2K 09/12/2006 02:12
  8. Hazle flip a tus imagenes con Javascript (a lo bestia) | aNieto2K 27/02/2007 10:02
  9. Más usos para firebug | aNieto2K 28/02/2007 12:02
  10. PaginasWebFlash » Blog Archive » El mejor editor CSS (y mucho mas): Firebug, plugin de Firefox. 28/03/2007 03:03
  11. Hoja En Blanco » Blog Archive » Guias Firebug 13/06/2007 12:06
  12. Companion.JS, el Firebug de Internet Explorer | aNieto2K 18/10/2007 09:10
  13. DOM Inspector para Internet Explorer y Firefox | aNieto2K 07/11/2007 11:11
  14. Detecta si Firebug está activo | aNieto2K 27/11/2007 12:11
  15. xRay, mira las entrañas de las páginas web | aNieto2K 23/12/2007 06:12
  16. Firebug sin Firefox en cualquier página | aNieto2K 14/01/2008 12:01
  17. Firebug sin Firefox « Saforas’$ the::beastieux 14/01/2008 04:01
  18. Firebug sin Firefox en cualquier página | AplicacionesWeb 26/02/2008 10:02
  19. Developer Toolbar para Internet Explorer 8 | aNieto2K 06/03/2008 11:03
  20. Probando Opera DragonFly Beta | aNieto2K 06/05/2008 07:05
  21. pi.debugger, el mejor sustituto de Firebug | aNieto2K 10/05/2008 11:05
  22. despuesdegoogle » Blog Archive » Firebug 1.2 para Firefox 3 22/05/2008 06:05
  23. 4 extensiones para complementar Firebug | aNieto2K 01/07/2008 10:07
  24. JSCommandlet, debuguea tu Javascript con Javascript | aNieto2K 26/09/2008 06:09
  25. Firebug1.3.0 disponible | aNieto2K 26/01/2009 07:01
  26. FireDiff, complemento de Firebug que nos muestra los cambios en el DOM y el CSS | aNieto2K 20/04/2009 10:04
  27. Firefox + Firebug vs IE8 + Developer Toolbar | aNieto2K 21/05/2009 08:05

Comentar

#

Me reservo el derecho de eliminar y/o modificar los comentarios que contengan lenguaje inapropiado, spam u otras conductas no apropiadas en una comunidad civilizada. Si tu comentario no aparece, puede ser que akismet lo haya capturado, cada día lo reviso y lo coloco en su lugar. Siento las molestias.