FirebugTutorial
El sitio web oficial de Firebug anunció el aviso de que ha dejado de desarrollar, actualizar y mantener Firebug, e invita a todos a utilizar las herramientas integradas de Firefox.DevTools。
¿Qué es Firebug?
FirebugEs una herramienta de desarrollo web de código abierto.
En este tutorial, trataremos los siguientes contenidos:
- 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 acceder a 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
Hacer clic en Inspeccionar elemento en la página
Deshacer y Rehacer
Mostrar línea de comandos
Selección de panel
Consola
Panel HTML
Panel CSS
Panel de Script
Panel DOM
Panel de Red (para pruebas de velocidad y optimización de páginas web)
Otros botones
- 1 - Minimizar Firebug.
- 2 - Instalar Firebug en la ventana del navegador.
- 3 - Desactivar Firebug.