Welche einzigartigen Funktionen hat Firebug, die nicht in Firefox integriert sind?

Ich habe gerade meine Firefox-Addons gereinigt und mich gefragt:

• Welche Funktionen haben Firebug, die es einzigartig machen?

• Welche Funktionen sind sowohl in Firebug als auch in den Firefox Developer Tools verfügbar?

Die nativen Entwicklertools von Firefox haben einen langen Weg zurückgelegt, seit diese Frage geschrieben wurde. Die Unterschiede haben sich hauptsächlich auf folgende Punkte reduziert:

• Die Skriptausführung für DOM-Mutationen, XHRs oder Cookie-Änderungen kann nicht gestoppt werden.
• XPaths können nicht kopiert werden.
• Fehlen eines Ereignisseitenbereichs im Inspektor (obwohl Ereignisse in der DOM-Struktur angezeigt werden).
• Fehlende DOM-Seitenwand im Inspektor.
• Keine Live-Vorschau beim Bearbeiten von HTML.
• Fehlende automatische Vervollständigung für nicht aufzählbare Eigenschaften in der Befehlszeile.
• Im Stil-Editor kann nicht in mehreren Dateien gesucht werden.
• Keine mehrzeilige Befehlszeile in der Webkonsole (obwohl sie über ein Scratchpad und eine "intelligente mehrzeilige" Befehlszeile verfügen)
• Keine Symbolleistenschaltflächen zum Umschalten der Werkzeuge oder des Inspektors.
• Suche innerhalb von Antworten auf Netzwerkanforderungen nicht möglich.
• Fehlende automatische Vervollständigung für mehrere CSS-Eigenschaften.
• Mehrere Befehlszeilenbefehle fehlen.
• Es können keine Cookies hinzugefügt werden, sondern nur vorhandene bearbeiten.
• Kein Always-On-Modus und keine Aktivierung pro Domain (statt pro Tab).

Es fehlen weitere Dinge, die in einem Fehlerbericht nachverfolgt werden, der für alle Lücken zwischen Firebug und den Firefox DevTools abgelegt wurde .

Firebug-Integration

Firebug basiert jetzt auf den nativen Entwicklertools. Seit Firefox 48 gibt es auch ein Firebug-Thema , das der Firebug-Erweiterung ähnelt und es Ihnen ermöglicht, sich wie zu Hause zu fühlen, wenn Sie an Firebug gewöhnt sind. Sobald Firefox für mehrere Prozesse aktiviert ist, werden durch Drücken F12oder Klicken auf die Schaltfläche Firebug die Firefox DevTools und das Firebug-Thema geöffnet.

Es gibt auch eine Migrationsanleitung, in der die Unterschiede zwischen Firebug und den Firefox DevTools erläutert werden.

Firebug bietet viele kleine Funktionen, die die integrierten Tools nicht bieten. Wenn ich mit der Benutzeroberfläche herumspiele, fällt mir Folgendes ein, aber ich bin mir sicher, dass es noch mehr gibt:

• Schließungsinspektionsfunktionen wie die someFunction.%closureVarBefehlszeilensyntax
• Klicken Sie mit der rechten Maustaste, um mit einem beliebigen Wert in der Befehlszeile zu spielen
• Einzelklick zum Bearbeiten
• Hervorheben von Elementen beim Schweben
• Befehlszeilen-APIs wie includeundgetEventListeners
• Fähigkeit, UA-Stile anzuzeigen
• "Regel hinzufügen" im Stilbedienfeld
• Ein CSS-Panel, das für minimiertes CSS verwendet werden kann
• Wenn ein Element nur Text enthält, zeigt das HTML-Bedienfeld den Text inline an
• XHR-Protokollierung in der Konsole mit JSON-Prettifizierung (und die kein Popup öffnet)
• "Pause bei Attributänderung / Teilbaumänderung / Knotenentfernung" im HTML-Bereich
• "Break on mutate", "Break on next", "Break on property change", "Break on cookie change"
• ein ganzes Cookie-Panel
• Stapeln Sie Traces im Konsolenfenster
• Bearbeiten und Einfügen von HTML
• Freitextsuche in den meisten Panels
• viele Optionen zu drehen, wenn Sie müssen
• Ereignisprotokollierung

Dies hat natürlich auch subjektive Aspekte. Zum Beispiel mag ich persönlich die Benutzeroberfläche und das Erscheinungsbild von Firebug mehr als die Schwärze der Devtools, und die vorherige Kenntnis eines Tools ist immer wichtig.

Scheint, als hätte dort jemand meine Frage gesehen;)

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

Das Problem ist, dass das auch nicht sehr viel beantwortet. Aber es impliziert, dass Firebug im Moment nicht viel zu differenzieren hat und daher nach einer Möglichkeit sucht, dies zu ändern.

Dies wird bald irrelevant sein, da Firebug und die nativen Entwicklertools zusammengeführt werden:

Firebug 2 funktioniert nicht in Browsern mit mehreren Prozessen (z. B. e10s) und die Konvertierung ist zu komplex. Es funktioniert nicht mehr, wenn e10s in Firefox aktiviert ist.

Wir möchten bereit sein, wenn Firebug 2 nicht mehr funktioniert und wir uns den folgenden Plan ausgedacht haben.

Integrieren Sie alle Firebug 3-Funktionen in die in Firefox integrierten Tools und leiten Sie alle Firebug-Benutzer an diese weiter.

Ersetzen Sie Firebug 2 durch die Freigabe von Firebug 3 (unter AMO) nur, wenn in einer Erweiterung wichtige Funktionen bereitgestellt werden müssen, die in den Firefox-Entwicklertools fehlen.

Wir arbeiten derzeit an der Portierung von XHR Inspector ( Fehler 1211525 ), DOM-Panel ( Fehler 1201475 ) und Firebug-Thema ( Fehler 1244054 ).

Das Hauptziel für die nächste Version von Firebug ist die Integration in die in Firefox integrierten DevTools. Außerdem plant die Firebug-Arbeitsgruppe einige neue Funktionen, um die DevTools um neue Funktionen zu erweitern.

Firebug 3.0 alpha (auch bekannt als Firebug.next) ist derzeit mit Firefox 35 - 36 kompatibel und unterstützt kommende Multiprozess- (sowie Nicht-Multiprozess-) Browser.

Firebug 3.0 (auch als Firebug.next bekannt) stellt die nächste Firebug-Generation dar, die auf den nativen Firefox-Entwicklertools aufbaut.

Wenn Sie Firebug 2 in einem Browser mit mehreren Prozessen (e10s) installieren, werden Sie aufgefordert, ein Upgrade auf Firebug 3 durchzuführen oder die Unterstützung für mehrere Prozesse zu deaktivieren.

Mozilla hat die Veröffentlichung von Electrolysis bereits mehrmals verschoben. Derzeit ist geplant, Firefox mit mehreren Prozessen am 19. April 2016 für den stabilen Kanal freizugeben, wenn Firefox 46 für den stabilen Kanal freigegeben wird.

Dies ist jedoch nur ein voraussichtlicher Veröffentlichungstermin und es ist möglich, dass sich die Elektrolyse weiter verzögert.

Eine interessante Idee, dass Mozilla die Veröffentlichung für Benutzer des Browsers weniger schmerzhaft machen muss, besteht darin, Electrolysis nur in Versionen von Firefox ohne Add-Ons und in Versionen von Firefox zu aktivieren, in denen nur kompatible Add-Ons installiert sind.

Wir arbeiten seit einiger Zeit daran, die Firefox Developer-Tools und Firebug zu vereinheitlichen. Ab Firefox 49 versenden wir Firebug.next eingebaut.

Wenn Sie anstelle von Firebug die integrierten Firefox-Entwicklertools verwenden, mögen Sie möglicherweise das DOM-Bedienfeld und das Firebug-Design, die wir in dieser Zusammenführung hinzugefügt haben.

Darüber hinaus haben wir einige gängige Firebug-Erweiterungen portiert (PixelPerfect, FireQuery und HARExportTrigger, ehemals NetExport). Und wenn wir schon dabei sind, könnte Ihnen unsere neue WebSocket Monitor-Erweiterung gefallen.

Im Rahmen der Portierung von Firebug-Funktionen auf die integrierten Tools portieren wir auch das Firebug-Thema, um Firebug-Benutzern eine vertrautere Arbeitsumgebung zu bieten.

Dieses Thema ist heiß, heiß, heiß! Begrüßen Sie das Firebug-Thema für Entwicklertools

Mozilla hat heute Firefox 48 für Windows, Mac, Linux und Android gestartet. Der Browser hat (endlich) Multiprozessor-Unterstützung, verbesserten Schutz vor schädlichen Downloads und Medienverbesserungen unter Android erhalten. Die Unterstützung für alte OS X-Versionen und Android Gingerbread wurde eingestellt.

In Firefox 48 aktiviert Mozilla langsam die Unterstützung mehrerer Prozesse, beginnend mit 1 Prozent der Benutzer und bis zu fast der Hälfte des Firefox Release-Kanals. Um zu überprüfen, ob Sie zur Elektrolyse-Gruppe gehören, geben Sie "about: support" in die URL-Leiste ein und überprüfen Sie, ob unter der Multiprozess-Windows-Werbebuchung "1/1 (standardmäßig aktiviert)" steht.

Verweise

• Firebug lebt in Firefox DevTools weiter

• Zusammenführen von Firebug mit den integrierten Firefox Developer Tools

• Mozilla startet Multi-Process-Test in Firefox Beta

• Firebug Roadmap

• Firebug 3 & Multiprocess Firefox (e10s)

• Firebug.next Github Repo

• Vereinheitlichung von Firebug & Firefox DevTools

• Developer Edition 48 - Firebug-Funktionen, bearbeitbarer Speicher, Inspektorverbesserungen und mehr…

• Firebug 3.0-Projektseite

• Remote-Debugging: Debuggen von Firefox Desktop

• Versionshinweise zu Firefox 48: Entwicklertools

• Firefox 48 wird mit Unterstützung für mehrere Prozesse geliefert, lässt alte OS X-Versionen und Android Gingerbread fallen

Ich denke, der größte Vorteil - nach der Implementierung der Network Panel & Timeline- Funktionalität - ist die Verfügbarkeit verschiedener Firebug-Erweiterungen , wie zum Beispiel YSlow, Page Speed, FirePython und so weiter.

Am Ende ist es wahrscheinlich eher eine Wahl, die auf Ihren persönlichen Vorlieben basiert, um eine Waffe der Wahl zu finden, die Ihnen den größten Komfort und die höchste Geschwindigkeit bietet.

Ein interessantes Detail dieser Entscheidung ist, dass Firebug einst eines der Plugins war, die die größten negativen Auswirkungen auf die Leistung von Firefox hatten. Ich weiß nichts über eine aktuelle Studie dazu, insbesondere wenn eingebaute Entwicklertools leistungsmäßig besser funktionieren als Firebug.

Ein Vorteil der nativen Entwicklertools gegenüber der aktuellen Firebug-Version besteht darin, dass sie Quellkarten enthalten, wohingegen Firebug dies nicht tut.

Zu den einzigartigen Funktionen von Firebug, die der integrierte Inspektor von Firefox jedoch nicht bietet, gehören:

• Kopieren Sie XPath
• Kopieren Sie den minimalen XPath
• CSS-Pfad kopieren

Zu den einzigartigen Funktionen des integrierten Inspektors von Firefox, die Firebug jedoch nicht bietet, gehören:

• Kopieren Sie die eindeutige Auswahl

Die Konsolenbefehlszeile im großen Editor-Modus ermöglicht das Ausführen von Code für den aktuellen Kontext. Das neue Scratchpad sieht den aktuellen Haltepunktbereich nicht. Das ist ein schrecklicher Verlust.