Firebug dispone de todas las utilidades que necesitan los diseñadores y programadores web en su trabajo. Es una herramienta gratuita, completa, fácil de utilizar y para la que se publican nuevas versiones de forma continua.
Después de instalarlo, en la esquina inferior derecha del navegador Firefox aparece un nuevo icono. Para acceder a Firebug, se puede pinchar con el ratón sobre ese icono o se puede pulsar directamente la tecla
F12 después de cargar la página que se quiere depurar.
Firebug muestra su información dividida en los siguientes paneles: * Consola: muestra mensajes de error, notificaciones y otros tipos de mensajes. No es muy útil para los diseñadores web. * HTML: muestra el código HTML de la página y permite seleccionar los elementos, modificar sus contenidos y ver las reglas CSS que se le están aplicando. * CSS: muestra todas las hojas de estilos incluidas en la página y permite modificar sus valores. * Guión y DOM: paneles relacionados con la programación JavaScript. No son muy útiles para los diseñadores web. * Red: muestra toda la información de todos los elementos descargados por la página (HTML, JavaScript, CSS, imágenes).
Para ejemplificar alguno de sus posibles usos, incorporaré a continuación distintas imágenes y explicaré lo ocurrido en ellas.
Aquí tenemos la página original, sin modificaciones, entonces, pulsamos F12 y modificamos el elemento que deseemos en el código HTML
Y éste es el resultado
Por supuesto ésto no cambiará para nada ninguno de los elementos que se encuentran en el servidor, por lo tanto, estos cambios sólo los veremos nosotros hasta que actualicemos o recarguemos la página, momento en el cuál veremos de nuevo la página original, sin modificaciones.
No hay comentarios:
Publicar un comentario