Hispanopedia Wiki
Articulo de referencia

Firebug (software)

{{cite web|url=https://addons.mozilla.org/en-US/firefox/addon/firebug/versions/|title=Firebug Version History|date=2017-02-16|work=[[Add-on (Mozilla)|Mozilla extension]]|access-...

Hispanopedia WikiContenido en espanolLectura gratuita

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

Historia

Firebug tenía licencia BSD [ 3 ] y fue escrito inicialmente en enero de 2006 por Joe Hewitt , uno de los creadores originales de Firefox. [ 6 ] En su versión 0.2.3, lanzada el 31 de enero de 2006, introdujo el atajo F12, ahora presente en todos los navegadores, para abrir/cerrar el panel de herramientas para desarrolladores. [ 7 ] El Grupo de Trabajo de Firebug supervisó el desarrollo de código abierto y la extensión de Firebug. Tuvo dos implementaciones principales: una extensión para Mozilla Firefox y una implementación de bookmarklet llamada Firebug Lite [ 8 ] que se puede usar con Google Chrome . [ 9 ]

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

Firebug ha sido descontinuado en favor de las herramientas de desarrollo integradas añadidas al propio Firefox, cuya funcionalidad se ha unificado con la de Firebug. Dado que Firefox 57 ya no admite complementos XUL , Firebug ya no es compatible. [ 12 ]

Historial de versiones

Versión 2.0

Firebug 2.0 introdujo muchas novedades en la extensión Firebug, incluyendo resaltado de sintaxis de JavaScript , formato legible para código JavaScript minificado y un inspector de eventos DOM para gestionar todos los controladores de eventos en una página web. Además, los usuarios pueden buscar elementos de la página mediante selectores CSS en la barra de búsqueda. La herramienta de depuración ahora permite inspeccionar las expresiones JavaScript mientras se evalúan. Asimismo, permite inspeccionar los valores devueltos por las funciones JavaScript. También añade la capacidad de crear nuevos atributos HTML para elementos HTML existentes. [ 13 ]

Versión 3.0

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

Características

Firebug makes changes immediately and gives constant feedback to the user. All editors in Firebug support autocomplete.[13]

The Firebug command line accepts commands written in JavaScript. The result of executing each command is displayed in the console, appearing as hyperlinks. The Firebug application contains multiple windows, splitting related features to a common window.[15] Firebug also allows users to view the download time for individual files. It separates different types of objects, such as JavaScript files and images, and can determined which files are loaded from a browser's cache. Firebug also features the ability to examine HTTP headers and time stamps relative to when an HTTP request is made.[16] Its net panel can monitor URLs that the browser requests, such as external CSS, JavaScript, and image files.

HTML and CSS

The HTML and CSS tools allow for the inspection and editing of HTML and CSS elements on a web page.[17] Later versions of Firebug allow users to see live changes to the CSS.[13] Visualization of CSS elements is shown while inspecting HTML elements. The Firebug layout tab is used to display and manipulate CSS property values. Furthermore, users can click on any visible HTML elements on a web page to access its CSS property values.[18]

JavaScript Console

Firebug's script tab enables users to set breakpoints and step through lines of code.[19] Additionally, Firebug can navigate directly to a line of JavaScript code, watch expressions, call stacks, and launch the debugger in the event an error occurs during execution. Firebug can also log errors. Logging uses a Firebug JavaScript API. Firebug's JavaScript panel can log errors, profile function calls, and enable the developer to run arbitrary JavaScript. Firebug allows users to run JavaScript code through the command line and allows the user to log errors that occur in the JavaScript, CSS, and XML. Firebug provides a separate text editor to modify the JavaScript and see immediate results on the user's browser.

As provided in an update, the JavaScript command line features an autocomplete function. The text editor also provides the ability to write full functions. Firebug requires a user to refresh a web page in the event of a crash.

Extensions

Many extensions have been made to enhance Firebug. Since Firebug is open source, users can contribute their own extensions to the Firebug community.[20]

See also

Referencias

  1. ↑ "Historial de versiones de Firebug" . Extensión de Mozilla . 16 de febrero de 2017. Archivado del original el 2 de julio de 2017. Consultado el 19 de agosto de 2015 .
  2. 1 2 "Complemento de Mozilla Firefox" . Archivado del original el 24 de abril de 2017. Consultado el 27 de septiembre de 2011 .
  3. 1 2 "Descripción general de Firebug" . Archivado del original el 6 de diciembre de 2014. Consultado el 13 de noviembre de 2014 .
  4. ↑ Firebug en GitHub
  5. ↑ "Página principal de Firebug" . Archivado del original el 22/12/2014 . Consultado el 13/11/2014 .
  6. ↑ Herramientas de rendimiento de O'Reilly: Apéndice - Sitios web aún más rápidos
  7. ↑ "Firebug :: Versiones :: Complementos para Firefox" . 21 de agosto de 2017. Archivado del original el 21 de agosto de 2017. Consultado el 15 de enero de 2025 .  
  8. ↑ "Página principal de Firebug Lite" . Archivado del original el 17 de diciembre de 2014. Consultado el 24 de noviembre de 2010 .
  9. ↑ Firebug Lite para Chrome
  10. ↑ Hope, Paco; Walther, Ben (2008), Web Security Testing Cookbook , Sebastopol, CA: O'Reilly Media, Inc., ISBN 978-0-596-51483-9
  11. ↑ "Sitios web de alto rendimiento", Steve Souders, CACM, diciembre de 2008.
  12. ↑ "Decir adiós a Firebug" . Mozilla Hacks . Consultado el 24 de octubre de 2017 .
  13. 1 2 3 Odvarko, Jan. "Lanzamiento de Firebug 2.0" . Grupo de trabajo de Firebug . Recuperado el 15 de octubre de 2015 .
  14. ↑ Odvarko, Jan. "Firebug 3.0 La próxima generación" . Grupo de trabajo de Firebug . Consultado el 10 de noviembre de 2014 .
  15. ↑ Hewitt, J. (2007). Depuración de Ajax con firebug . Dr.Dobb's Journal, 32(2), 22-26.
  16. ↑ "¿Qué es Firebug?" . Archivado del original el 22-12-2014 . Consultado el 13-11-2014 .
  17. ↑ Salkosuo, Sami (6 de mayo de 2008). "Depure y optimice aplicaciones sobre la marcha con Firebug" . IBM Developer Works . Consultado el 6 de mayo de 2008 .
  18. ↑ Zukerman, Erez (6 de enero de 2012). "Depurar páginas web en Firefox con Firebug" . PC World . Consultado el 6 de enero de 2012 .
  19. ↑ Suehring, Steve. "Identificar problemas de JavaScript con Firebug" . Dummies.
  20. ↑ "Lista de extensiones conocidas de Firebug" . Archivado del original el 13/11/2014 . Consultado el 13/11/2014 .

Lecturas adicionales

  • Luthra, Chandan; Mittal, Deepak (7 de abril de 2010). Firebug 1.5: Edición, depuración y monitorización de páginas web (1.ª  ed.). Packt Publishing . pág.  224. ISBN 978-1-84719-496-1.
  • Sitio web oficialEdita esto en Wikidata