Hispanopedia Wiki
Articulo de referencia

Firebug (programa)

Firebug es una extensión de navegador web gratuita y de código abierto [4] discontinuada para Mozilla Firefox [2] que facilitaba la depuración , edición y monitoreo en vivo del ...

Hispanopedia WikiContenido en espanolLectura gratuita

Firebug es una extensión de navegador web gratuita y de código abierto [4] discontinuada para Mozilla Firefox [2] que facilitaba la depuración , edición y monitoreo en vivo del CSS , HTML , DOM , XHR y JavaScript de cualquier sitio web . [5]

Historia

Firebug fue licenciado bajo la licencia BSD [3] y fue escrito inicialmente en enero de 2006 por Joe Hewitt , uno de los creadores originales de Firefox. [6] El grupo de trabajo de Firebug supervisó el desarrollo y la extensión de código abierto de Firebug. Tuvo dos implementaciones principales: una extensión para Mozilla Firefox y una implementación de bookmarklet llamada Firebug Lite [7] que se puede usar con Google Chrome . [8]

Además de depurar páginas web, Firebug se utilizó para pruebas de seguridad web [9] y análisis del rendimiento de páginas web. [10]

Firebug ha quedado obsoleto en favor de las herramientas de desarrollo integradas que se agregaron al propio Firefox, cuya funcionalidad se ha unificado con las de Firebug. Como Firefox 57 ya no admite complementos XUL, Firebug ya no es compatible. [11]

Historial de versiones

Versión 2.0

Firebug 2.0 introdujo muchas nuevas características a la extensión Firebug, incluyendo resaltado de sintaxis de JavaScript , impresión elegante para código JavaScript minimizado y un Inspector de eventos DOM para manejar todos los controladores de eventos en una página web. Además, los usuarios pueden buscar elementos de la página usando selectores CSS en la barra de búsqueda. La herramienta de depuración ahora permite a los usuarios inspeccionar expresiones de JavaScript a medida que se evalúan. Además, los usuarios pueden inspeccionar valores devueltos por funciones de JavaScript. También agrega la capacidad de crear nuevos atributos HTML para elementos HTML existentes. [12]

Versión 3.0

El 10 de noviembre de 2014, se anunció Firebug 3.0 y se puso a disposición del público una versión alfa. [13] Esta versión iba a presentar un nuevo tema y se habría centrado en la experiencia del usuario.

Características

Firebug realiza cambios inmediatamente y brinda retroalimentación constante al usuario. Todos los editores de Firebug admiten la función de autocompletar . [12]

La línea de comandos de Firebug acepta comandos escritos en JavaScript. El resultado de la ejecución de cada comando se muestra en la consola, apareciendo como hipervínculos. La aplicación Firebug contiene varias ventanas, dividiendo las características relacionadas en una ventana común. [14] Firebug también permite a los usuarios ver el tiempo de descarga de archivos individuales. Separa diferentes tipos de objetos, como archivos JavaScript e imágenes, y puede determinar qué archivos se cargan desde la memoria caché de un navegador. Firebug también cuenta con la capacidad de examinar encabezados HTTP y marcas de tiempo relativas a cuándo se realiza una solicitud HTTP. [15] Su panel de red puede monitorear las URL que solicita el navegador, como CSS externo, JavaScript y archivos de imagen.

HTML y CSS

Las herramientas HTML y CSS permiten la inspección y edición de elementos HTML y CSS en una página web. [16] Las versiones posteriores de Firebug permiten a los usuarios ver cambios en tiempo real en el CSS. [12] La visualización de elementos CSS se muestra mientras se inspeccionan elementos HTML. La pestaña de diseño de Firebug se utiliza para mostrar y manipular valores de propiedades CSS. Además, los usuarios pueden hacer clic en cualquier elemento HTML visible en una página web para acceder a sus valores de propiedades CSS. [17]

Consola de JavaScript

La pestaña de scripts de Firebug permite a los usuarios establecer puntos de interrupción y recorrer líneas de código. [18] Además, Firebug puede navegar directamente a una línea de código JavaScript, observar expresiones, pilas de llamadas e iniciar el depurador en caso de que ocurra un error durante la ejecución. Firebug también puede registrar errores. El registro utiliza una API de JavaScript de Firebug. El panel de JavaScript de Firebug puede registrar errores, perfilar llamadas de función y permitir que el desarrollador ejecute JavaScript arbitrario. Firebug permite a los usuarios ejecutar código JavaScript a través de la línea de comandos y permite al usuario registrar errores que ocurren en JavaScript, CSS y XML. Firebug proporciona un editor de texto independiente para modificar el JavaScript y ver resultados inmediatos en el navegador del usuario.

Como se proporcionó en una actualización, la línea de comandos de JavaScript incluye una función de autocompletado. El editor de texto también ofrece la posibilidad de escribir funciones completas. Firebug requiere que el usuario actualice una página web en caso de que se produzca un fallo.

Extensiones

Se han realizado muchas extensiones para mejorar Firebug. Dado que Firebug es de código abierto, los usuarios pueden contribuir con sus propias extensiones a la comunidad de Firebug. [19]

Véase también

Referencias

  1. ^ "Historial de versiones de Firebug". Extensión de Mozilla . 2017-02-16. Archivado desde el original el 2017-07-02 . Consultado el 2015-08-19 .
  2. ^ ab "Complemento de Mozilla Firefox". Archivado desde el original el 24 de abril de 2017. Consultado el 27 de septiembre de 2011 .
  3. ^ ab "Descripción general de Firebug". Archivado desde el original el 6 de diciembre de 2014. Consultado el 13 de noviembre de 2014 .
  4. ^ Firebug en GitHub
  5. ^ "Página de inicio de Firebug". Archivado desde el original el 22 de diciembre de 2014. Consultado el 13 de noviembre de 2014 .
  6. ^ Herramientas de rendimiento de O'Reilly: Apéndice - Sitios web aún más rápidos
  7. ^ "Página de inicio de Firebug Lite". Archivado desde el original el 17 de diciembre de 2014. Consultado el 24 de noviembre de 2010 .
  8. ^ Firebug Lite para Chrome
  9. ^ Hope, Paco; Walther, Ben (2008), Libro de recetas para pruebas de seguridad web , Sebastopol, CA: O'Reilly Media, Inc., ISBN 978-0-596-51483-9
  10. ^ "Sitios web de alto rendimiento", Steve Souders, CACM, diciembre de 2008.
  11. ^ "Decirle adiós a Firebug". Mozilla Hacks . Consultado el 24 de octubre de 2017 .
  12. ^ abc Odvarko, Jan. "Lanzamiento de Firebug 2.0". Grupo de trabajo de Firebug . Consultado el 15 de octubre de 2015 .
  13. ^ Odvarko, Jan. "Firebug 3.0 The Next Generation". Grupo de trabajo de Firebug . Consultado el 10 de noviembre de 2014 .
  14. ^ Hewitt, J. (2007). Depuración de Ajax con Firebug. Dr. Dobb's Journal, 32(2), 22-26.
  15. ^ "¿Qué es Firebug?". Archivado desde el original el 22 de diciembre de 2014. Consultado el 13 de noviembre de 2014 .
  16. ^ Salkosuo, Sami (6 de mayo de 2008). "Depurar y ajustar aplicaciones sobre la marcha con Firebug". IBM Developer Works . Consultado el 6 de mayo de 2008 .
  17. ^ Zukerman, Erez (6 de enero de 2012). "Depurar páginas web en Firefox con Firebug". PC World . Consultado el 6 de enero de 2012 .
  18. ^ Suehring, Steve. "Identificar problemas de JavaScript con Firebug". Para principiantes.
  19. ^ "Lista de extensiones conocidas de Firebug". Archivado desde el original el 13 de noviembre de 2014. Consultado el 13 de noviembre de 2014 .

Lectura adicional

  • Luthra, Chandan; Mittal, Deepak (7 de abril de 2010). Firebug 1.5: Edición, depuración y monitoreo de páginas web (1.ª ed.). Packt Publishing . p. 224. ISBN 978-1-84719-496-1.
  • Sitio web oficial
Obtenido de "https://es.wikipedia.org/w/index.php?title=Firebug_(software)&oldid=1191338117"