Jakie unikalne funkcje ma Firebug, a które nie są wbudowane w przeglądarkę Firefox?

Właśnie wyczyściłem dodatki do Firefoksa i zastanawiałem się:

• Jakie funkcje ma Firebug, które czynią go wyjątkowym?

• Jakie funkcje są dostępne zarówno w Firebug, jak i Firefox Developer Tools?

Natywne narzędzia programistyczne Firefoksa przeszły długą drogę od czasu napisania tego pytania. Różnice sprowadzają się głównie do następujących punktów:

• Nie można zatrzymać wykonywania skryptu w przypadku mutacji DOM, XHR lub zmian plików cookie.
• Nie można skopiować XPaths.
• Brak panelu bocznego zdarzeń w Inspektorze (chociaż zdarzenia są wyświetlane w strukturze DOM).
• Brak panelu bocznego DOM w Inspektorze.
• Brak podglądu na żywo podczas edycji HTML.
• Brak autouzupełniania dla niewliczalnych właściwości w wierszu poleceń.
• Nie można wyszukiwać w wielu plikach w Edytorze stylów.
• Brak wielowierszowego wiersza poleceń w konsoli internetowej (chociaż mają Brudnopis i „inteligentną wielowierszową” linię poleceń)
• Brak przycisków paska narzędzi do przełączania narzędzi lub Inspektora.
• Nie można wyszukiwać w odpowiedziach na żądania sieciowe.
• Brak autouzupełniania dla kilku właściwości CSS.
• Brak kilku poleceń wiersza poleceń.
• Nie można dodać plików cookie, po prostu edytuj istniejące.
• Brak trybu zawsze włączonego i aktywacji na domenę (zamiast na kartę).

Brakuje więcej rzeczy, które są śledzone w zgłoszeniu błędu dotyczącym wszystkich luk między Firebug i Firefox DevTools .

Integracja z Firebug

Firebug jest teraz oparty na natywnych narzędziach programistycznych. Od Firefoksa 48 istnieje również motyw Firebug, który wygląda jak rozszerzenie Firebug, dzięki czemu poczujesz się jak w domu, jeśli jesteś przyzwyczajony do Firebug. Po włączeniu wieloprocesowego Firefoksa naciśnięcie F12lub kliknięcie przycisku Firebug otwiera narzędzia Firefox DevTools i motyw Firebug.

Istnieje również przewodnik migracji wyjaśniający różnice między Firebug i Firefox DevTools.

Istnieje wiele małych funkcji Firebug, których nie mają wbudowane narzędzia. Oto, co przychodzi mi na myśl, bawiąc się interfejsem użytkownika, ale jestem pewien, że jest ich więcej:

• możliwości kontroli zamknięcia, takie jak someFunction.%closureVarskładnia wiersza poleceń
• kliknij prawym przyciskiem myszy, aby odtworzyć dowolną wartość w wierszu poleceń
• jedno kliknięcie, aby edytować
• podświetlanie elementów po najechaniu kursorem
• interfejsy API wiersza poleceń, takie jak includeigetEventListeners
• umiejętność pokazywania stylów UA
• „Dodaj regułę” z panelu Styl
• panel CSS, którego można używać w zminimalizowanym CSS
• gdy element zawiera tylko tekst, panel HTML wyświetla tekst w tekście
• Logowanie XHR w konsoli z prettification JSON (i które nie otwiera wyskakującego okienka)
• „Przerwa przy zmianie atrybutu / zmianie poddrzewa / usunięciu węzła” w panelu HTML
• „Przerwa przy mutacji”, „Przerwa przy zmianie”, „Przerwa przy zmianie właściwości”, „Przerwa przy zmianie pliku cookie”
• cały panel Cookies
• stos śladów w panelu Console
• edycja i wklejanie HTML
• wyszukiwanie dowolnego tekstu w większości paneli
• w razie potrzeby wiele opcji do obejrzenia
• rejestrowanie zdarzeń

Istnieją oczywiście również aspekty subiektywne. Na przykład osobiście bardziej podoba mi się interfejs użytkownika i wygląd Firebuga niż czerń narzędzi dev, a wcześniejsza znajomość narzędzia jest zawsze ważna.

Wygląda na to, że ktoś tam zobaczył moje pytanie;)

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

Problem w tym, że to też nie odpowiada zbyt wiele. Ale to sugeruje, że obecnie Firebug nie ma zbyt wiele do różnicowania, więc szuka sposobu, aby to zmienić.

Wkrótce będzie to nieistotne, ponieważ Firebug i natywne narzędzia programistyczne będą się łączyć:

Firebug 2 nie działa w przeglądarkach wieloprocesowych (np. E10s), a konwersja jest zbyt złożona, przestanie działać, gdy e10s zostanie aktywowany w Firefoksie.

Chcemy być gotowi, gdy Firebug 2 przestanie działać i opracowaliśmy następujący plan.

Zintegruj wszystkie funkcje Firebug 3 z wbudowanymi narzędziami Firefoksa i przekaż do niego wszystkich użytkowników Firebuga.

Zastąp Firebug 2, wypuszczając Firebug 3 (na AMO) tylko wtedy, gdy musimy dostarczyć krytyczne funkcje, których brakuje w narzędziach programistycznych Firefox w rozszerzeniu.

Aktualnie pracujemy nad przeniesieniem XHR Inspector ( błąd 1211525 ), panelu DOM ( błąd 1201475 ) i motywu Firebug ( błąd 1244054 ).

Głównym celem następnej wersji Firebug będzie integracja z wbudowanymi narzędziami programistycznymi Firefoksa. Oprócz tego grupa robocza Firebug planuje kilka nowych funkcji rozszerzających DevTools o nową funkcjonalność.

Firebug 3.0 alpha (aka Firebug.next) jest obecnie kompatybilny z Firefox 35-36 i będzie obsługiwał nadchodzące przeglądarki wieloprocesowe (jak również nie wieloprocesowe).

Firebug 3.0 (znany również jako Firebug.next) reprezentuje następną generację Firebug zbudowaną na bazie natywnych narzędzi programistycznych Firefox.

Jeśli zainstalujesz Firebug 2 w przeglądarce obsługującej wiele procesów (e10s), zostaniesz poproszony o aktualizację do Firebug 3 lub wyłączenie obsługi wieloprocesowej.

Mozilla już kilkakrotnie opóźniała wydanie Electrolysis. Obecny plan to wydanie wieloprocesowego Firefoksa na stabilnym kanale 19 kwietnia 2016 r., Kiedy to Firefox 46 zostanie wydany na stabilnym kanale.

Jest to jednak tylko przewidywana data premiery i możliwe jest dalsze opóźnienie elektrolizy.

Ciekawym pomysłem, który Mozilla musi uczynić wydanie mniej bolesnym dla użytkowników przeglądarki, jest włączenie Elektrolizy tylko w wersjach Firefoksa bez dodatków oraz w wersjach Firefoksa, w których zainstalowane są tylko kompatybilne dodatki.

Od jakiegoś czasu pracujemy nad ujednoliceniem narzędzi programistycznych Firefox i Firebug. Od Firefoksa 49 będziemy dostarczać wbudowany Firebug.next.

Jeśli korzystasz z wbudowanych narzędzi programistycznych Firefox zamiast Firebug, możesz polubić panel DOM i motyw Firebug, które dodaliśmy podczas tego scalania.

Ponadto przeportowaliśmy kilka popularnych rozszerzeń Firebug (PixelPerfect, FireQuery i HARExportTrigger poprzednio NetExport). A skoro już o tym mowa, może spodobać Ci się nasze nowe rozszerzenie WebSocket Monitor.

W ramach przenoszenia funkcji Firebuga do wbudowanych narzędzi, przenosimy również motyw Firebug, dzięki czemu użytkownicy Firebug mają bardziej znane środowisko do pracy.

Ten motyw jest gorący, gorący, gorący! Przywitaj się z motywem Firebug dla narzędzi programistycznych

Mozilla wypuściła dziś przeglądarkę Firefox 48 dla systemów Windows, Mac, Linux i Android. Przeglądarka zyskała obsługę wielu procesorów (w końcu), lepszą ochronę przed szkodliwymi pobieraniami i ulepszenia multimediów na Androida. Wsparcie dla starszych wersji OS X i Android Gingerbread zostało usunięte.

W Firefoksie 48 Mozilla powoli włącza obsługę wielu procesów, zaczynając od 1 procenta użytkowników i zwiększając prawie połowę kanału wydań Firefoksa. Aby sprawdzić, czy jesteś w grupie elektrolizy, wpisz „about: support” w pasku adresu URL i sprawdź, czy w elemencie zamówienia Multiprocess Windows jest napis „1/1 (domyślnie włączone)”.

Bibliografia

• Firebug nadal działa w Firefox DevTools

• Łączenie Firebuga z wbudowanymi narzędziami programistycznymi Firefoksa

• Mozilla uruchamia test wieloprocesowy w przeglądarce Firefox Beta

• Mapa drogowa Firebug

• Firebug 3 i wieloprocesowy Firefox (e10s)

• Repozytorium Firebug.next Github

• Unifying Firebug i Firefox DevTools

• Developer Edition 48 - funkcje Firebug, edytowalna pamięć masowa, ulepszenia inspektora i nie tylko…

• Strona projektu Firebug 3.0

• Zdalne debugowanie: debugowanie Firefox Desktop

• Informacje o wydaniu programu Firefox 48: Narzędzia programistyczne

• Firefox 48 przybywa z obsługą wielu procesów, usuwa stare wersje OS X i Android Gingerbread

Myślę, że nadal największą zaletą - po wdrożeniu funkcji Network Panel i Timeline - jest dostępność różnych rozszerzeń Firebug , takich jak na przykład YSlow, Page Speed, FirePython i tak dalej.

Ostatecznie jest to prawdopodobnie bardziej wybór oparty na twoich osobistych preferencjach, aby wymyślić broń, która zapewni ci największą wygodę i szybkość.

Ciekawym szczegółem tej decyzji jest to, że Firebug był kiedyś jedną z wtyczek, które miały największy negatywny wpływ na wydajność Firefoksa. Nie wiem o obecnym badaniu na ten temat, zwłaszcza jeśli wbudowane narzędzia programistyczne działają lepiej pod względem wydajności niż Firebug.

Jedną z zalet natywnych narzędzi deweloperskich w porównaniu z obecną wersją firebuga jest to, że ma sourcemaps, podczas gdy firebug nie.

Unikalne funkcje, które ma Firebug, ale wbudowany inspektor Firefoksa nie ma, obejmują:

• Skopiuj XPath
• Skopiuj minimalną ścieżkę XPath
• Skopiuj ścieżkę CSS

Unikalne funkcje, które ma wbudowany inspektor Firefoksa, ale Firebug nie ma, obejmują:

• Skopiuj unikalny selektor

Wiersz poleceń konsoli w trybie dużego edytora umożliwia uruchamianie kodu w bieżącym kontekście. Nowy Brudnopis nie widzi bieżącego zakresu punktu przerwania. To straszna strata.