Soporte para PHP y diseño en Firebug con 5 poderosos plugins

Me acabo de enterar que Firebug ha pasado a ser parte de Mozilla, algo bastante coherente dado que se trata de un plugin de Firefox. Y hablando de esto ¿sabías que hay “plugins de plugins”? Tal es el caso de estos 5 que potenciarán tu Firebug y te permitirán trabajar incluso con PHP.

Usualmente con Firebug podemos inspeccionar, debuggear y trabajar con HTML, CSS y el DOM. Ahora podremos incluir soporte para PHP, como ya dije, cookies y hasta una herramienta para ajustar imágenes visualmente (acomodando el CSS automáticamente para que quede la imagen en el lugar exacto). ¡Ideal para programadores y diseñadores!

5 plugins de diseño y programación para Firebug

YSlow

Esta extensión te permite testear la velocidad de tu sitio, tanto la carga de las páginas como la ejecución de aplicaciones, scripts y demás. Todo esto, basado en las reglas de Yahoo! para la performance de sitios web. Lo mejor es que YSlow te permite detectar qué elemento es el que está causando una demora considerable en tu sitio.

Haz clic aquí para descargar YSlow.

Firecookie

Muestra todas las cookies a las que está accediendo el sitio web actual, dejándote modificarlas, desactivarlas, etc.

Haz clic aquí para descargar Firecookie.

FirePHP

¡Es grandioso poder debuggear, inspeccionar o modificar el código PHP de nuestro sitio con Firebug! Recordemos que para que se puedan enviar los mensajes de debug necesitamos una librería PHP.

Haz clic aquí para descargar FirePHP.

PixelPerfect

Bueno, esto pensaría que es una broma si no lo hubiera probado en mi computadora. ¡Increíble! Pixel perfect nos permite “tirar” una imagen dentro de nuestro sitio, posicionándola justo en el lugar donde la queremos, y el CSS se modificará automáticamente para que quede en el lugar exacto. ¡Fabuloso! Además, al mover la imagen, ésta se vuelve “transparente” para que nos sea más fácil posicionarla correctamente respecto de otros elementos.

Haz clic aquí para descargar PixelPerfect.

Rainbow

Rainbow te permite cambiar el color de tu código para que sea más legible. Por ejemplo, en Javascript, las variables son de color verde y las palabras reservadas azules.

Nota: algunos pocos han reportado problemas para correr esta extensión, yo no tuve ninguno.

Haz clic aquí para descargar Rainbow.

Espero que estos plugins de plugins te sean de ayuda.

Fuente: Web Monkey