Firebug
Firebug es una extensión firefox similar a Web Developer muy útil para explorar el DOM o esquema HTML.
Inspecciona
Esta es una de las mejores caracteríticas de Firebug, para poder utilizarlas solamente hay que pulsar el botón ‘Inspect‘ de la barra de Firebug.
A continueación se abrirá una ventana en la que sólamente con puslar en la web un elemento se situará en el fragmento de código html al que corresponda y los estilos que se le aplican a éste.
Por ejemplo, en la imagen de arriba si pulsamos sobre el texto Registrate aparece el fragmento HTML que lo contiene (en la izquierda) y los estilos que se le aplican (a la derecha).
Cambia los CSS al instante!
Además Firebug permite modificar los estilos al intante, simplemente pulsando sobre el estilo que deseamos se modifica la característica deseada al instante
En la imagende la izquierda hemos cmabiado el color del H1 en un solo click!
Velocidad de Descarga
Firebug también permite conocer el tiempo que tarda cada página html, imagen o css en descargarse de forma muy gráfica:
Genial!! ¿I con Explorer, Safari, etc?
Con Firebug Lite, podemos disfrutar de alguna de las características de Firebug pero con Internet Explodod. Es un archivo JavaScript que al colocarlo en las páginas web permite simular una consola Firebug en navegadores (browsers) que no sean Firefox.
Para usarla solamente debemos descargar este zip, lo descomprimimos y situamos junto a la web o página que queremos editar e incluimos la siguiente siguiente a los scripts.
<script language="javascript" type="text/javascript"
src="/path/to/firebug/firebug.js"></script>
Abrimos la página con Internet Explorer y pulsamos la tecla F12…
Si bíen no es lo mismo, este script nos permite realizar el Debug de Javascript (Intención Original de Firebug) mucho mejor que tal y como lo hace Explorer por Defecto ;D
Descarga Firebug en : https://addons.mozilla.org/en-US/firefox/addon/1843
3 Comments
Eric on diciembre 3rd, 2008
No funciona, no al menos con las instrucciones que aqui se presentan
Leave a Comment
You must be logged in to post a comment.
Additional comments powered by BackType
blanchrt on marzo 23rd, 2008
Hola. Para mí Firebug es una de los extensiones sin las que no puedo vivir, pero he descubierto que es la causa de que, desde hace unos meses, el Firefox se me cierre sin más y creo que se debe a una incompatibilidad con alguna otra extensión.
¿Sabéis cuál(es) puede(n) ser la(s) extensión(es) incompatibles con Firebug?
Os dejo la lista de las que tengo instaladas:
Aardvark 2.2
Accessibar 0.7.7
Bandwidth Tester 0.5.8.1
Clone Window 0.2.8
ColorZilla 1.9
DownThemAll! 1.0
Dust-Me Selectors 1.1
FEBE 5.3.1
Fast Video Download 1.5
Firebug 1.05
Firefox Showcase 0.9.4.6
FirefoxView 0.31.4
Gmail Notifier 0.6.3.2
Gmail Space 0.5.92
Google Notebook 1.0.0.19
IE View 1.3.7
Image Zoom 0.3.1
LinkChecker 0.6.1
MeasureIt 0.3.6
PlainOldFavorites 1.0
QuickRestart 1.1.1
SEOpen 0.8
ScrapBook 1.3.3.1
ShowIP 0.8.06build0210
Sothink Web Video Downloader for Firefox 4.0
StumbleUpon 3.17
Total Validator 5.1
VideoDownloader 1.1.1
Web Developer 1.1.5
Un saludo