Jaka jest różnica między edycjami standardowymi a deweloperskimi Firefoksa?

Mozilla wydała ostatnio nową wersję Developer Developer, z której mogą korzystać twórcy stron internetowych, ale jaka jest różnica między nią a standardową wersją Firefoksa? Dzisiejszy post z pytaniami i odpowiedziami dla SuperUser zawiera odpowiedzi na ciekawe pytanie czytelnika.

Dzisiejsza sesja pytań i odpowiedzi przychodzi do nas dzięki uprzejmości SuperUser - poddziału Stack Exchange, opartego na społecznościach grupowania witryn z pytaniami i odpowiedziami.

Pytanie

Czytnik SuperUser Saurabh Lprocks chce wiedzieć, co różni się od zwykłej wersji dla Firefoksa:

Mozilla niedawno uruchomiła nową wersję przeglądarki internetowej o nazwie Mozilla Firefox Developer Edition, która jest specjalnie dostosowana do twórców stron internetowych.

Zainstalowałem go, ale nie znalazłem dużej różnicy między zwykłą wersją Firefoksa a wersją dewelopera. Wszystkie narzędzia w wersji dla programistów są również w edycji regularnej. Chcę wiedzieć, jakie dodatki zawiera edycja deweloperska, których nie ma w zwykłym wydaniu.

Jakie są różnice między wersją zwykłą i programistyczną Firefoksa?

Odpowiedź

Współautorzy SuperUser blade19899 i Dave mają dla nas odpowiedź. Najpierw do góry, blade19899:

Firefox Developer Edition to zmodyfikowana wersja Firefoksa zaprojektowana specjalnie dla programistów internetowych. Korzysta również z osobnego profilu z wersji standardowej, dzięki czemu można je wyświetlać obok siebie. Oznacza to, że wszystkie dodatki i ustawienia nie będą dostępne w wersji Firefox Developer Edition, ale możesz użyć Firefoksa Sync, aby pobrać zsynchronizowane dodatki i ustawienia w obu wersjach.

Wszystkie funkcje Firefox Developer Edition będą dostępne na 12 tygodni przed ich udostępnieniem w standardowej wersji Firefoksa.

Niektóre funkcje wbudowane w Firefox Developer Edition, których nie ma standardowa wersja:

IDE sieci

Web IDE pozwala na tworzenie, wdrażanie i debugowanie aplikacji internetowych bezpośrednio w przeglądarce lub na urządzeniu z Firefox OS. Pozwala utworzyć nową aplikację Firefox OS (która jest tylko aplikacją internetową) z szablonu lub otworzyć kod istniejącej aplikacji. Stamtąd możesz edytować pliki aplikacji. Jest to jedno kliknięcie, aby uruchomić aplikację w symulatorze i jeszcze jedno, aby debugować ją za pomocą narzędzi programistycznych. Możesz obejrzeć film o Web IDE na YouTube tutaj.

Wartościowość

Poprzednio zwany Firefox Tools Adapter, Valence pozwala tworzyć i debugować aplikację w wielu przeglądarkach i urządzeniach, łącząc narzędzia programistyczne Firefox z innymi głównymi silnikami przeglądarki. Valence rozszerza również niesamowite narzędzia do debugowania Firefox OS i Firefox na Androida do innych głównych przeglądarek mobilnych, w tym Chrome na Androida i Safari na iOS. Do tej pory narzędzia te obejmują Inspector, Debugger oraz Console & Style Editor. Możesz obejrzeć film o Valence na YouTube tutaj.

Web Audio Editor

Edytor audio Web pozwala na kontrolowanie i interakcję z interfejsami Web Audio API w czasie rzeczywistym, aby zapewnić, że wszystkie węzły audio są połączone w sposób zgodny z oczekiwaniami.

Możesz przejrzeć moje pytania i odpowiedzi na temat Pytaj Ubuntu, aby uzyskać dokładniejszą odpowiedź: Jak zainstalować edycję Firefox Developer?

Po odpowiedzi od Dave'a:

Jak jestem pewien, już wiesz, obecnie ma te funkcje po wyjęciu z pudełka:

Web IDE - umożliwia tworzenie, wdrażanie i debugowanie aplikacji internetowych.

Responsive Design View - pozwala zobaczyć, jak strona będzie wyglądać na różnych rozmiarach ekranu.

Valence - Debugowanie w dowolnej przeglądarce (poprzednio zwane Firefox Tools Adapter).

Web Audio Editor - Sprawdza web audio, aby upewnić się, że wszystkie węzły audio są podłączone zgodnie z oczekiwaniami.

Inspektor stron - sprawdza HTML i CSS.

Konsola internetowa - Zobacz zarejestrowane informacje i interakcje ze stronami internetowymi za pomocą JavaScript.

JavaScript Debugger - Debuguje JavaScript.

Monitor sieci - Zobacz wszystkie żądania sieciowe, które przeglądarka wykonuje i ile czasu to trwa.

Edytor stylów - edytuj style CSS.

Możesz tu obejrzeć ogólne wprowadzenie wideo.

Obejmuje również:

Firefox Hello - WebRTC (narzędzie pozwalające na czat wideo i rozmowy wideo z innymi osobami z poziomu przeglądarki).

Zapomnij przycisk - podobne do jasnej historii.

Kroplomierz - umożliwia "przyciąganie" kolorów ze strony internetowej.

Scratch Pad - Samodzielna konsola JS do testowania fragmentów kodu JavaScript.

Połącz - Umożliwia podłączenie do zdalnego urządzenia.

Jak zapewne zauważyliście, niektóre (większość) z tych funkcji są już dostępne w Firefoksie lub za pośrednictwem dodatków już teraz, a wraz z upływem czasu podejrzewam, że będą one dostępne jako wtyczki. Na przykład Inspektor stron, konsola, debugger i kilka innych funkcji są już częścią dodatku Firebug.

Jeśli chodzi o zmianę rozmiarów ekranu i CSS, używam narzędzia o nazwie Developer Toolbar.

Użyłem Firefox Developer Edition jako programista i projektant stron internetowych i wydaje mi się, że jest to Firefox z wtyczkami zaprojektowanymi tak, aby pasowały do projektanta stron internetowych (to jest to, o czym myślę, że ich celem było). Jestem osobiście bardziej zainteresowany tym, jak się rozwija.

W tej chwili jest bardzo podobny do debuggera wbudowanego w Chrome i Internet Explorer 11 (chociaż nie wypróbowałem jeszcze żadnej funkcji).

Możesz również wyświetlić uwagi do wydania Firefox Developer Edition, aby uzyskać więcej szczegółów.

Czy masz coś do dodania do wyjaśnienia? Dźwięk w komentarzach. Chcesz przeczytać więcej odpowiedzi od innych użytkowników Stack Exchange, którzy znają się na technologii? Sprawdź cały wątek dyskusji tutaj.