Firebug es una extensión de navegador web gratuita y de código abierto [4] descontinuada para Mozilla Firefox [2] que facilitó la depuración , edición y monitoreo en vivo de CSS , HTML , DOM , XHR y JavaScript de cualquier sitio web . [5]
Autor (es) original (es) | Joe Hewitt |
---|---|
Desarrollador (es) | Grupo de trabajo Firebug |
Lanzamiento estable | 2.0.19 [1] / 16 de febrero de 2017 |
Repositorio | |
Escrito en | JavaScript , XUL , CSS |
Sistema operativo | Multiplataforma |
Tipo | Extensión de Mozilla [2] |
Licencia | Nueva licencia BSD [3] |
Sitio web | getfirebug |
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. Tenía 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 de rendimiento de páginas web. [10]
Firebug ha quedado obsoleto en favor de las herramientas de desarrollo integradas agregadas 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 características nuevas en la extensión de Firebug, incluido el resaltado de sintaxis de JavaScript , la impresión bonita para el código JavaScript minificado 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 página utilizando 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 los valores devueltos por las 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 de inmediato 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 ejecutar cada comando se muestra en la consola, apareciendo como hipervínculos. La aplicación Firebug contiene múltiples ventanas, dividiendo las funciones 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 e imágenes JavaScript, y puede determinar qué archivos se cargan desde la memoria caché de un navegador. Firebug también presenta la capacidad de examinar los encabezados HTTP y las marcas de tiempo en relación con el momento en que 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 vivo en el CSS. [12] Se muestra la visualización de elementos CSS mientras se inspeccionan elementos HTML. La pestaña de diseño de Firebug se utiliza para mostrar y manipular los valores de las propiedades de CSS. Además, los usuarios pueden hacer clic en cualquier elemento HTML visible en una página web para acceder a sus valores de propiedad CSS. [17]
Consola JavaScript
La pestaña de secuencia de comandos 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, llamar a funciones de perfil y permitir al desarrollador ejecutar 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 JavaScript y ver resultados inmediatos en el navegador del usuario.
Como se proporciona en una actualización, la línea de comandos de JavaScript presenta una función de autocompletar. El editor de texto también ofrece la posibilidad de escribir funciones completas. Firebug requiere que un usuario actualice una página web en caso de un bloqueo.
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]
FlashFirebug
FlashFirebug es una extensión Firebug pagado [20] que ayuda en Flash y Flex desarrolladores de depuración Adobe SWF archivos de la web . FlashFirebug fue desarrollado por O-Minds [21] y tiene licencia GPLv3 .
En febrero de 2012, O-Minds compró el código de FlashBug, [22] una extensión de Firefox de la competencia. Flashbug tenía amplias capacidades para analizar objetos AMF y Shared Objects y descompilar parcialmente archivos SWF de Adobe directamente en el navegador. [22] Poco después de la compra, O-Minds integró funciones clave de FlashBug en FlashFirebug y retiró Flashbug [23] del repositorio de AMO .
Actualmente, la extensión muestra la salida textual de los comandos trace () dentro de la película Adobe SWF , [21] un árbol de visualización con la jerarquía de objetos de visualización y sus propiedades, [21] visores para AMF y objetos compartidos , [21] y una herramienta modificar la transformación 3D de cualquier objeto de visualización en el escenario. [21]
Ver también
- Destello de contenido sin estilo
- Interfaz de usuario de Google Chrome § (Inspector de Google Chrome)
- Herramientas para desarrolladores de Internet Explorer
- Libélula de ópera
- Safari (navegador web) § Otras funciones (Inspector web)
Referencias
- ^ "Historial de versiones de Firebug" . Extensión de Mozilla . 2017-02-16. Archivado desde el original el 2 de julio de 2017 . Consultado el 19 de agosto de 2015 .
- ^ a b "Complemento de Mozilla Firefox" . Archivado desde el original el 24 de abril de 2017 . Consultado el 27 de septiembre de 2011 .
- ^ a b "Descripción general de Firebug" . Archivado desde el original el 6 de diciembre de 2014 . Consultado el 13 de noviembre de 2014 .
- ^ Firebug en GitHub
- ^ "Página de inicio de Firebug" . Archivado desde el original el 22 de diciembre de 2014 . Consultado el 13 de noviembre de 2014 .
- ^ O'Reilly Performance Tools: Apéndice: sitios web aún más rápidos
- ^ "Página de inicio de Firebug Lite" . Archivado desde el original el 17 de diciembre de 2014 . Consultado el 24 de noviembre de 2010 .
- ^ Firebug Lite para Chrome
- ^ Esperanza, Paco; Walther, Ben (2008), Libro de recetas de pruebas de seguridad web , Sebastopol, CA: O'Reilly Media, Inc., ISBN 978-0-596-51483-9
- ^ "Sitios web de alto rendimiento", Steve Souders, MCCA, diciembre de 2008.
- ^ "Decir adiós a Firebug" . Hacks de Mozilla . Consultado el 24 de octubre de 2017 .
- ^ a b c Odvarko, enero "Lanzamiento de Firebug 2.0" . Grupo de trabajo Firebug . Consultado el 15 de octubre de 2015 .
- ^ Odvarko, enero "Firebug 3.0 The Next Generation" . Grupo de trabajo Firebug . Consultado el 10 de noviembre de 2014 .
- ^ Hewitt, J. (2007). Depuración de Ajax con firebug . Diario del doctor Dobb, 32 (2), 22-26.
- ^ "¿Qué es Firebug?" . Archivado desde el original el 22 de diciembre de 2014 . Consultado el 13 de noviembre de 2014 .
- ^ Salkosuo, Sami (6 de mayo de 2008). "Depura y ajusta las aplicaciones sobre la marcha con Firebug" . IBM Developer Works . Consultado el 6 de mayo de 2008 .
- ^ Zukerman, Erez (6 de enero de 2012). "Depurar páginas web en Firefox con Firebug" . PC World . Consultado el 6 de enero de 2012 .
- ^ Suehring, Steve. "Identificar problemas de JavaScript con Firebug" . Tontos.
- ^ "Lista de extensiones conocidas de Firebug" . Archivado desde el original el 13 de noviembre de 2014 . Consultado el 13 de noviembre de 2014 .
- ^ Página de complementos de FlashFirebug
- ^ a b c d e Página del producto O-Minds FlashFirebug
- ^ a b Página del proyecto Flashbug
- ^ Página de complementos de Flashbug
Otras lecturas
- Luthra, Chandan; Mittal, Deepak (7 de abril de 2010). Firebug 1.5: Edición, depuración y supervisión de páginas web (1ª ed.). Packt Publishing . pag. 224. ISBN 978-1-84719-496-1.
enlaces externos
- Página web oficial