tools quantum para español edition developer firefox firebug language-features firefox-developer-tools

quantum - firefox developer tools



¿Qué características únicas tiene Firebug que no están incorporadas en Firefox? (8)

Creo que la mayor ventaja es que, después de la implementación de la funcionalidad del panel de red y la línea de tiempo , está 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 tus preferencias personales, para encontrar un arma de tu elección que te brinde 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 de rendimiento negativo más significativo en Firefox. No sé sobre un estudio actual sobre eso, especialmente si las herramientas de desarrollo integradas están actuando mejor que Firebug en cuanto a rendimiento.

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

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

  • ¿Qué características están disponibles tanto en Firebug como en las herramientas para desarrolladores de Firefox?

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

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

Queremos estar listos cuando Firebug 2 deje de funcionar y se nos ocurra el siguiente plan.

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

Reemplaza Firebug 2 liberando 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 portar XHR Inspector ( error 1211525 ), panel DOM ( error 1201475 ) y tema Firebug ( error 1244054 ).

El objetivo principal para el próximo lanzamiento de Firebug será integrarlo en las herramientas de desarrollo integradas de Firefox. Además de esto, el Grupo de Trabajo Firebug planifica algunas características nuevas para extender DevTools con nuevas funcionalidades.

Firebug 3.0 alpha (también conocido como Firebug.next) actualmente es compatible con Firefox 35 - 36 y será compatible con 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 nativas de desarrollador de Firefox.

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

Mozilla pospuso el lanzamiento de la electrólisis varias veces. El plan actual es lanzar Firefox multi-proceso al canal estable el 19 de abril de 2016 cuando Firefox 46 se lance 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 Mozilla tiene que hacer la versión menos dolorosa para los usuarios del navegador es habilitar la electrólisis solo en las versiones de Firefox sin complementos, y en las versiones de Firefox donde solo se instalan complementos compatibles.

Hemos estado trabajando para unificar las herramientas de Firefox Developer y Firebug durante un tiempo. Desde Firefox 49, enviaremos Firebug.next incorporado.

Si utilizas las herramientas para desarrolladores de Firefox integradas, en lugar de Firebug, es posible que te guste 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 mientras estamos en ello, es posible que le guste nuestra nueva extensión WebSocket Monitor.

Como parte de la migración de las características de Firebug a las herramientas integradas, también estamos migrando el tema Firebug, lo que brinda a los usuarios de Firebug un entorno más familiar para trabajar.

¡Este tema es caliente, caliente, caliente! Saluda al tema Firebug para Herramientas de desarrollo

Mozilla lanzó hoy Firefox 48 para Windows, Mac, Linux y Android. El navegador ha obtenido soporte para múltiples procesadores (finalmente), protección mejorada contra descargas dañinas y mejoras de medios en Android. Se ha eliminado el soporte para versiones anteriores de OS X y Android Gingerbread.

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

Referencias

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

  • capacidades de inspección de cierre, como la función de someFunction.%closureVar sintaxis
  • haga clic derecho para jugar con cualquier valor en la línea de comando
  • un solo clic para editar
  • resaltando elementos sobre el vuelo estacionario
  • API de línea de comando, como include y getEventListeners
  • capacidad de mostrar estilos UA
  • "Agregar regla" desde el panel Estilo
  • un panel de CSS que se puede usar para CSS minimizado
  • cuando un elemento contiene solo texto, el panel HTML muestra el texto en línea
  • Inicio de sesión XHR en la consola con adorno JSON (y que no abre una ventana emergente)
  • "Romper cambio de atributo / cambio de subárbol / eliminación de nodo" en el panel HTML
  • "Break on mutate", "Break on next", "Break on property change", "Break on cookie change".
  • un panel completo de Cookies
  • rastreos de pila 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 mezclar si necesita
  • el registro de eventos

También hay, por supuesto, aspectos subjetivos a esto. Por ejemplo, personalmente me gusta más la interfaz de usuario y la apariencia de Firebug que la negrura de los devtools, y la familiaridad previa con una herramienta siempre es importante.

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

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

  • Copiar XPath
  • Copia Minimal XPath
  • Copiar ruta CSS

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

  • Copiar selector único

Las herramientas de desarrollador 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.
  • XPaths no se puede 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.
  • No hay vista previa en vivo al editar HTML.
  • Falta autocompletar para propiedades no enumerables en la línea de comando.
  • No se puede buscar dentro de varios archivos en Style Editor.
  • No hay línea de comandos de varias líneas en la consola web (aunque tienen Scratchpad y una línea de comando "inteligente-multilínea")
  • No hay botones en la barra de herramientas para alternar entre las herramientas o el Inspector.
  • No se puede buscar dentro de las respuestas de las solicitudes de red.
  • Falta autocompletar para varias propiedades de CSS.
  • Faltan varios comandos de línea de comando.
  • No se pueden agregar cookies, simplemente edite las existentes.
  • No hay modo siempre activado y activación por dominio (en lugar de por pestaña).

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

Integración Firebug

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

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

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