Archivo para la etiqueta ‘firebug’
23Aug
2010 Comments Off
2010 Comments Off
FireQuery
This is a very cool extension for Firebug (add-on for an add-on?) that expands Firebug’s capabilities with jQuery. For instance, a built in jQueryify button, showing attached event handlers in the Content / DOM tree view, and highlighting all elements in a jQuery collection. I don’t think it’s new but I hadn’t seen it until [...]
02Jul
2009 Comments Off
2009 Comments Off
FireQuery: optimizaciones para FireBug centradas en jQuery
FireQuery es un plugin para Firefox que permite añadir mejoras a Firebug basadas en jQuery. Permite añadir jQuery a cualquier web, algo muy útil si necesitas ejecutar algún script en la consola y te apañas mejor con jQuery. Además permite ver los eventos que está asociados en los elementos HTML desde la pestaña HTML de [...]
14May
2009 Comments Off
2009 Comments Off
Firefinder: plugin para Firebug que localiza elementos
Firefinder es un plugin para Firefox que se integra con Firebug y que nos permite localizar de forma rápida y sencilla elementos HTML en la página. Permite usar selectores CSS y XPath, por lo que no es necesario conocer una nomenclatura nueva, y además nos ayuda cuando trabajemos con los selectores jQuery o cuando estemos [...]
18Dec
2008 Comments Off
2008 Comments Off
FireUnit: extensión para pruebas unitarias de Javascript
FireUnit es un plugin para Firefox que permite realizar pruebas unitarias de Javascript y mostrar los logs en una pestaña de Firebug. El plugin está desarrollado entre otras personas por John Resig, desarrollador de jQuery. Se pueden realizar pruebas como las siguientes: // Simular eventos del navegador var input = document.getElementsByTagName(”input”)[0]; fireunit.mouseDown( input ); fireunit.click( [...]
03Dec
2008 Comments Off
2008 Comments Off
Evitar errores de producción debidos a Firebug
Aquellos que usamos Firebug para depurar nuestras aplicaciones, podemos cometer el error de dejar una traza (console.log())y que al subirlo a producción el usuario tenga un error de Javascript. Para evitar esto, podemos incluir en nuestro script lo siguiente: if(!window.console) { window.console = { log: function() {} } } Visto en este ejemplo
03Jun
2008 Comments Off
2008 Comments Off
NitobiBug: debug para Javascript
NitobiBug es un script similar a Firebug que nos permite realizar debugs en nuestros scripts. Permite mostrar una ventana emergente con el contenido de objetos (diferenciando entre tipos), elementos DOM o simplemente mensajes. Usarlo es tan sencillo como esto: var myObject = {a:234523, something:’else’, mylist:[32423,4556,’sdfs’]}; nitobi.Debug.log(myObject); Y para instalarlo solo hay que añadir el archivo [...]
25Apr
2008 Comments Off
2008 Comments Off
Firebug y el rendimiento Ajax
Ajax es una de las técnicas que más se están extendiendo por Internet. Su desarrollo es sencillo, pero su abuso es importante. Hay que tener en cuidado al desarrollar usando Ajax ya que podemos tener problemas de rendimiento. En IBM nos ofrecen un artículo interesante sobre el rendimiento de estas aplicaciones y como medirlo y [...]
08Jan
2007 Comments Off
2007 Comments Off
Así funciona Firebug
Firebug es una extensión de Firefox integrada en las que yo denominaría como “imprescindibles para el desarrollador web”. Su versión definitiva (1.0) está aún en fase Beta pero se puede trabajar con ella perfectamente. Ya se ha hablado aquí sobre Firebug , hoy vamos a ver algunas de sus funcionalidades. Las ventajas que presenta son [...]
17Nov
2006 Comments Off
2006 Comments Off
Firebug 1.0, lo que nos va a ofrecer
Ya en otras ocasiones hemos hablado de Firebug, y esta vez no puede ser menos debido a todo lo que nos va a ofrecer la versión 1.0, lo cual es mucho: Usabilidad: posibilidad de abrirlo en una ventana nueva, pudiendo situarla en un segundo monitor. Listas de páginas en las que queremos que esté activo [...]
25May
2006 Comments Off
2006 Comments Off
Nueva versión de FireBug
Ya hablamos en su día de FireBug, una extensión que nos permite depurar nuestras aplicaciones web. La nueva versión tiene una gran novedad, “debuguear” Javascript. Ahora es posible poner puntos de ruptura, ejecutar el código paso a paso, inspeccionar variables, comprobar código, … Si antes ya era indispensable, ahora es totalmente obligatorio para cualquier desarrollador [...]