Sentido Web

Sentido Web es un blog sobre desarrollo web, en el que se comparten referencias y explicaciones sobre PHP, Ajax, XHTML, MySQL y mucho más...

Archivo para la etiqueta ‘firebug’

02Jul
09

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 Firebug. FireQuery [...]
14May
09

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 parseando [...]
18Dec
08

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( input ); fireunit.focus( input ); fireunit.key( input, [...]
03Dec
08

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
08

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 js. Una alternativa a [...]
25Apr
08

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 mejorarlo [...]
08Jan
07

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 muchas, [...]
17Nov
06

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 o [...]
25May
06

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 [...]
10Apr
06

FireBug: extensión de Firefox para depurar

Una extensión que nos va a ser muy útil ya que nos permite depurar nuestras aplicaciones web. Entre las opciones que nos ofrece se encuentra la posibilidad de crear trazas en nuestras páginas web, olvidándonos así de los mensajes con alert para ver qué es lo que hace el código; nos avisa de los errores [...]