Contenido

Firebug, amarás las cucarachas!!!

16 Nov

+ 36

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, 24 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

Justo hoy salieron las herramientas para desarrollo web de Opera. La verdad que me soprendieron, y todo sin instalar ningun plugin o extension que puede quedar obsoleto con el proximo update :)

Incluyen una consola DOM, un editor CSS live y un “DOM Snapshot”.

http://dev.opera.com/articles/view/opera-developer-tools/

Bueno, adios Web Developer de Firefox. Y esta nueva herramienta, Firebug, la verdad que parece buena, pero me quedo con mi Opera que ya hace todo lo que quiero :)

OMG!!!!!!!!!!!!!!!!!!!
conozco el firebug, pero no le había prestado mucha atención (culpable soy), pero con todo lo que describes que tendrá la nueva versión, a cualquier desarrollador le haga agua a la boca probarlo.
Sin duda dará mucho que hablar cuando salga.

Saludos
The Ghost

Joder, yo quierooo!! :D
Impresionante lo que puede hacer, ya he guardado el feed (feed://http//www.getfirebug.com/blog/?feed=rss2) de su nuevo blog para no perderme nada al respecto.. :) Hurra por el Firefox y hurra por quienes ayudan a los demás con este tipo de extensiones :D

Prometo probarlo y dejar de usar Aptana por unos dias :P ya pondre mi opinion

es una buena noticia la nueva versión de firebug lo uso desde hace unos meses y ya no me imagino sin poder tirar unas líneas de javascript en forma directa o sin poder usar el console.log() o sin poder ver el log de xmlhttprequest . También utilizo tamper pero con la nueva versión de firebug creo que no hará falta.

Gracias por la noticia y la explicación detallada.

será cuestion de probarlo, no???
gracias por la data!!!
saludos

Me pueden informar si firebug se encuentra en español?

#8 Me temo que no hay versión en castellano. Quizas en la nueva versión nos tengan en cuenta :D

Me parece muy bueno pero tengo problemas para instalarlo, lo que pasa es que no tengo internet y quisiera sber si aun asi se puede poner y como ????

garcias a todos por su atencion

Puedes descargartelo como si de un fichero se tratara e instalarlo arrastrandolo hacia la ventana de complementos.

Pues yo me he vuelto loco intentando guardar el css modificado (o el html) lo más que consigo es pulsando “edit” ver el código y copiarlo hasta mi editor de texto a mano.

¿Alguien con menor grado de miopia sería tan amable de indicarme donde está el botón de guardar ficheros?

Gracias.

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.


Cerrar
Enviar por Correo