¿Qué características únicas tiene Firebug que no están integradas en Firefox?

Acabo de limpiar mis complementos de Firefox y me pregunté:

• ¿Qué características tiene Firebug que lo hacen único?

• ¿Qué funciones están disponibles en Firebug y Firefox Developer Tools?

Las herramientas de desarrollo nativas de Firefox han recorrido un largo camino desde que se escribió esta pregunta. Las diferencias se han reducido principalmente a los siguientes puntos:

• No se puede detener la ejecución del script en mutaciones DOM, XHR o cambios de cookies.
• Los XPaths no se pueden copiar.
• Falta un panel lateral de eventos en el Inspector (aunque los eventos se muestran dentro de la estructura DOM).
• Falta un panel lateral DOM en el Inspector.
• Sin vista previa en vivo mientras se edita HTML.
• Falta el autocompletado para propiedades no enumerables en la línea de comando.
• No se puede buscar en varios archivos en el Editor de estilos.
• No hay línea de comando de varias líneas en la consola web (aunque tienen Bloc de notas y una línea de comando "multilínea inteligente")
• No hay botones de la barra de herramientas para alternar las herramientas o el Inspector.
• No se puede buscar en las respuestas de las solicitudes de la red.
• Falta el autocompletado para varias propiedades CSS.
• Faltan varios comandos de la línea de comandos.
• No se pueden agregar cookies, solo edite las existentes.
• Sin modo siempre activo y activación por dominio (en lugar de por pestaña).

Faltan más cosas, que se registran en un informe de error archivado para todas las brechas entre Firebug y Firefox DevTools .

Integración de Firebug

Firebug ahora está construido sobre las herramientas de desarrollo nativas. Desde Firefox 48 también hay un tema de Firebug que se parece a la extensión de Firebug, lo que le permite sentirse como en casa si está acostumbrado a Firebug. Una vez que se habilita Firefox multiproceso, al presionar F12o hacer clic en el botón Firebug se abre Firefox DevTools y con el tema Firebug.

También hay una guía de migración que explica las diferencias entre Firebug y Firefox DevTools.

Hay muchas características pequeñas que tiene Firebug que las herramientas integradas no tienen. Jugando con la interfaz de usuario, esto es lo que me viene a la mente, pero estoy seguro de que hay más:

• capacidades de inspección de cierre, como la someFunction.%closureVarsintaxis de la línea de comandos
• haga clic derecho para jugar con cualquier valor en la línea de comando
• un solo clic para editar
• resaltando elementos al pasar el mouse
• API de línea de comandos, como includeygetEventListeners
• capacidad para mostrar estilos UA
• "Agregar regla" desde el panel Estilo
• un panel CSS que se puede utilizar para CSS minificado
• cuando un elemento contiene solo texto, el panel HTML muestra el texto en línea
• Inicio de sesión de XHR en la consola con embellecimiento JSON (y que no abre una ventana emergente)
• "Interrumpir en cambio de atributo / cambio de subárbol / eliminación de nodo" en el panel HTML
• "Interrupción en mutación", "Interrupción en siguiente", "Interrupción en cambio de propiedad", "Interrupción en cambio de cookie"
• un panel de cookies completo
• apilar seguimientos en el panel de la consola
• editar y pegar HTML
• búsqueda de texto libre en la mayoría de los paneles
• muchas opciones para jugar si es necesario
• el registro de eventos

También hay, por supuesto, aspectos subjetivos en esto. Por ejemplo, personalmente me gusta más la interfaz de usuario y la apariencia de Firebug que la oscuridad de las herramientas de desarrollo, y la familiaridad previa con una herramienta siempre es importante.

Parece que alguien de allá vio mi pregunta aquí;)

https://hacks.mozilla.org/2013/10/firefox-developer-tools-and-firebug/

El problema es que eso tampoco responde mucho. Pero implica que Firebug en este momento no tiene mucho para diferenciarse y, por lo tanto, está buscando la manera de cambiar eso.

Esto pronto será irrelevante, ya que Firebug y las herramientas de desarrollo nativas se están fusionando:

Firebug 2 no funciona en navegadores multiproceso (es decir, e10s) y convertirlo es demasiado complejo, dejará de funcionar cuando e10s esté activado en Firefox.

Queremos estar listos cuando Firebug 2 deje de funcionar y hayamos elaborado el siguiente plan.

Integre todas las funciones de Firebug 3 en las herramientas integradas de Firefox y envíelas a todos los usuarios de Firebug.

Reemplace Firebug 2 lanzando Firebug 3 (en AMO) solo si tenemos que entregar las características críticas que faltan en las herramientas de desarrollo de Firefox en una extensión.

Actualmente estamos trabajando en la migración del inspector XHR ( error 1211525 ), el panel DOM ( error 1201475 ) y el tema Firebug ( error 1244054 ).

El objetivo principal para la próxima versión de Firebug será integrarlo en las DevTools integradas de Firefox. Además de esto, el Grupo de trabajo Firebug planea algunas características nuevas para extender DevTools con nuevas funcionalidades.

Firebug 3.0 alpha (también conocido como Firebug.next) es actualmente compatible con Firefox 35 - 36 y admitirá los próximos navegadores multiproceso (y no multiproceso).

Firebug 3.0 (también conocido como Firebug.next) representa la próxima generación de Firebug construida sobre las herramientas de desarrollo nativas de Firefox.

Si instala Firebug 2 en un navegador habilitado para multiproceso (e10s), se le pedirá que actualice a Firebug 3 o que desactive la compatibilidad con multiproceso.

Mozilla ya pospuso el lanzamiento de Electrólisis varias veces. El plan actual es lanzar Firefox multiproceso al canal estable el 19 de abril de 2016, cuando se lance Firefox 46 al canal estable.

Sin embargo, esta es una fecha de lanzamiento proyectada y es posible que la electrólisis se retrase aún más.

Una idea interesante que tiene Mozilla para hacer que el lanzamiento sea menos doloroso para los usuarios del navegador es habilitar Electrolysis solo en versiones de Firefox sin complementos y en versiones de Firefox donde solo se instalan complementos compatibles.

Hemos estado trabajando para unificar las herramientas de desarrollo de Firefox y Firebug durante algún tiempo. Desde Firefox 49, enviaremos Firebug.next integrado.

Si usa las herramientas de desarrollo integradas de Firefox, en lugar de Firebug, es posible que le gusten el panel DOM y el tema Firebug que hemos agregado en esta combinación.

Además, hemos portado algunas extensiones comunes de Firebug (PixelPerfect, FireQuery y HARExportTrigger anteriormente NetExport). Y ya que estamos en eso, es posible que le guste nuestra nueva extensión WebSocket Monitor.

Como parte de la portabilidad de las funciones de Firebug a las herramientas integradas, también estamos portando el tema de Firebug, lo que brinda a los usuarios de Firebug un entorno más familiar para trabajar.

¡Este tema es candente, candente, candente! Saluda al tema Firebug para herramientas de desarrollo

Mozilla lanzó hoy Firefox 48 para Windows, Mac, Linux y Android. El navegador ha ganado soporte multiprocesador (finalmente), protección mejorada contra descargas dañinas y mejoras de medios en Android. Se ha eliminado la compatibilidad con versiones antiguas de OS X y Android Gingerbread.

En Firefox 48, Mozilla está habilitando lentamente la compatibilidad con múltiples procesos, comenzando con el 1 por ciento de los usuarios y aumentando hasta casi la mitad del canal de lanzamiento de Firefox. Para comprobar si está en el grupo de Electrólisis, escriba "about: support" en la barra de URL y compruebe si dice "1/1 (habilitado de forma predeterminada)" en la línea de multiproceso de Windows.

Referencias

• Firebug sigue vivo en Firefox DevTools

• Fusionando Firebug en las herramientas de desarrollo integradas de Firefox

• Mozilla lanza prueba multiproceso en Firefox Beta

• Hoja de ruta de Firebug

• Firebug 3 y Firefox multiproceso (e10s)

• Firebug.next Github repo

• Unificación de las herramientas de desarrollo de Firebug y Firefox

• Developer Edition 48: funciones de Firebug, almacenamiento editable, mejoras del inspector y más ...

• Página del proyecto Firebug 3.0

• Depuración remota: depuración de Firefox Desktop

• Notas de la versión de Firefox 48: herramientas para desarrolladores

• Firefox 48 llega con soporte multiproceso, elimina versiones antiguas de OS X y Android Gingerbread

Creo que la mayor ventaja aún, después de la implementación de la funcionalidad Network Panel & Timeline , es la disponibilidad de varias extensiones de Firebug , como por ejemplo YSlow, Page Speed, FirePython, etc.

Al final, probablemente sea más una elección basada en sus preferencias personales, para encontrar un arma de elección que le brinde la mayor comodidad y velocidad.

Un detalle interesante de esta decisión es que Firebug alguna vez fue uno de los complementos que tuvo un impacto negativo más significativo en el rendimiento de Firefox. No conozco un estudio actual sobre eso, especialmente si las herramientas de desarrollo integradas funcionan mejor en cuanto al rendimiento que Firebug.

Una ventaja de las herramientas de desarrollo nativas sobre la versión actual de Firebug es que tiene mapas de origen, mientras que Firebug no.

Las características únicas que tiene Firebug, pero el inspector integrado de Firefox no tiene, incluyen:

• Copiar XPath
• Copiar XPath mínimo
• Copiar ruta CSS

Las características únicas que tiene el inspector integrado de Firefox, pero que Firebug no tiene, incluyen:

• Copiar selector exclusivo

La línea de comandos de la consola en modo editor grande permite ejecutar código en el contexto actual. El nuevo Bloc de notas no ve el alcance del punto de interrupción actual. Esta es una pérdida terrible.