FirebugTutorial
El sitio oficial de Firebug anunció que ha cesado el desarrollo y mantenimiento de Firebug, e invita a todos a usar las herramientas integradas de FirefoxDevTools。
¿Qué es Firebug?
FirebugEs una herramienta de desarrollo web de código abierto.
En este capítulo del tutorial discutiremos lo siguiente:
- Cómo instalar Firebug.
- Usar Firebug para inspeccionar y editar HTML.
- Usar Firebug para inspeccionar y editar CSS.
- Usar Firebug para depurar JavaScript.
- Ejecutar JavaScript dinámicamente en Firebug.
- Usar Firebug para registrar logs de JavaScript.
- Usar Firebug para monitorear la red.
Instalar Firebug
Dirección de descarga de Firebug: https://addons.mozilla.org/en-US/firefox/addon/1843/
Usa el navegador Firefox para visitar la dirección de descarga anterior. Después de abrir la página, haz clic en el botón de descarga y aparecerá una ventana emergente que indica el directorio de instalación. Tras la instalación, reinicia tu navegador Firefox.
Después de reiniciar, podrás ver el icono de Firebug en el navegador Firefox. Haz clic en el icono de Firebug (ubicado en la esquina superior derecha del navegador Firefox) para activar el complemento Firebug.
Componentes de Firebug
Opciones de Firebug
Inspeccionar elemento haciendo clic en la página
Deshacer y rehacer
Mostrar línea de comandos
Selección de paneles
Consola
Panel HTML
Panel CSS
Panel de scripts
Panel DOM
Panel de red (para medir velocidad y optimizar páginas web)
Otros botones
- 1 - Minimizar Firebug.
- 2 - Acoplar Firebug a la ventana del navegador.
- 3 - Desactivar Firebug.