Mozilla wydała niedawno 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, społecznościowego forum z pytaniami i odpowiedziami.
Czytnik SuperUser Saurabh Lprocks chce wiedzieć, co różni się od wersji zwykłej i deweloperskiej 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 wersji regularnej. Chcę się dowiedzieć, jakie dodatki są dostępne w wersji dla programistów, których nie ma w zwykłym wydaniu.
Jakie są różnice między zwykłymi a programistycznymi wydaniami przeglądarki Firefox?
Współpracownicy 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ć Firefox Sync, aby zsynchronizować 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, a 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 rozwijać i debugować aplikację w wielu przeglądarkach i urządzeniach, łącząc narzędzia programistyczne Firefox z innymi ważnymi silnikami przeglądarki. Valence rozszerza także wspaniałe 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 API Web Audio w czasie rzeczywistym, aby zapewnić, że wszystkie węzły audio są połączone w sposób zgodny z oczekiwaniami.
Możesz przejrzeć moje Q / A na stronie Zapytaj Ubuntu, aby uzyskać bardziej wyczerpującą odpowiedź: Jak zainstalować edycję Firefox Developer?
Następnie odpowiedź od Dave'a:
Jak jestem pewien, już wiesz, obecnie ma te funkcje po wyjęciu z pudełka:
- Web IDE - pozwala tworzyć, wdrażać i debugować aplikacje internetowe.
- Responsive Design View - pozwala zobaczyć, jak strona będzie wyglądać w różnych rozmiarach ekranu.
- Valence - Debugowanie w dowolnej przeglądarce (poprzednio zwanej Firefox Tools Adapter).
- Web Audio Editor - sprawdza dźwięk w Internecie, 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 przeglądarki i czas jej trwania.
- 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 telefoniczny i wideo z innymi osobami z poziomu przeglądarki).
- Zapomnij przycisk - podobny 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, debuger 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 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.
