Mozilla niedawno wydała nową wersję Developer Edition dla programistów internetowych, ale jaka jest różnica między nią a zwykłą 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 — pododdziału Stack Exchange, społecznościowej grupy witryn internetowych z pytaniami i odpowiedziami.
Pytanie
Czytnik SuperUser Saurabh Lprocks chce wiedzieć, czym różni się wersja zwykła i programistyczna Firefoksa:
Mozilla niedawno uruchomiła nową wersję swojej przeglądarki internetowej o nazwie Mozilla Firefox Developer Edition, która jest przeznaczona specjalnie dla twórców stron internetowych.
Zainstalowałem go, ale nie znalazłem dużej różnicy między zwykłą edycją Firefoksa a edycją programisty. Wszystkie narzędzia w edycji deweloperskiej znajdują się również w edycji regularnej. Chcę wiedzieć, jakie dodatki zawiera wersja programistyczna, których nie ma w wersji regularnej.
Jakie są różnice między wersją zwykłą i programistyczną Firefoksa?
Odpowiedź
Współtwórcy SuperUser blade19899 i Dave mają dla nas odpowiedź. Po pierwsze, ostrze19999:
Firefox Developer Edition to zmodyfikowana wersja Firefoksa zaprojektowana specjalnie dla twórców stron internetowych. Używa również oddzielnego profilu od standardowej wersji, więc uruchamianie ich obok siebie jest opcją. Oznacza to, że wszystkie dodatki i ustawienia nie będą dostępne w Firefoksie Developer Edition, ale możesz użyć Firefox Sync, aby zsynchronizować swoje dodatki i ustawienia w obu wersjach.
Wszystkie funkcje w Firefoksie Developer Edition będą dostępne 12 tygodni przed udostępnieniem ich w zwykłej wersji Firefoksa.
Niektóre funkcje wbudowane w Firefox Developer Edition, których nie ma w zwykłej wersji, to:
Internetowy IDE
Web IDE umożliwia tworzenie, wdrażanie i debugowanie aplikacji internetowych bezpośrednio w przeglądarce lub na urządzeniu z systemem 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. Wystarczy 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ść
Wcześniej nazywany adapterem narzędzi Firefox, Valence umożliwia tworzenie i debugowanie aplikacji w wielu przeglądarkach i urządzeniach, łącząc narzędzia programistyczne Firefoksa z innymi głównymi silnikami przeglądarek. Valence rozszerza również niesamowite narzędzia stworzone do debugowania Firefox OS i Firefox dla Androida na inne główne przeglądarki mobilne, w tym Chrome na Androida i Safari na iOS. Jak dotąd narzędzia te obejmują Inspektora, Debugera oraz Konsolę i edytor stylów. Możesz obejrzeć film o Valence na YouTube tutaj.
Internetowy edytor audio
Internetowy edytor audio umożliwia kontrolę i interakcję z interfejsami API Web Audio w czasie rzeczywistym, aby upewnić się, że wszystkie węzły audio są połączone w oczekiwany sposób.
Możesz przejrzeć moje pytania i odpowiedzi na Ask Ubuntu, aby uzyskać bardziej dogłębną odpowiedź: Jak zainstalować Firefox Developer Edition?
Następnie odpowiedź Dave’a:
Jak jestem pewien, że już wiesz, obecnie ma następujące funkcje po wyjęciu z pudełka:
- Web IDE — umożliwia tworzenie, wdrażanie i debugowanie aplikacji internetowych.
- Responsywny widok projektu — pozwala zobaczyć, jak witryna będzie wyglądać na różnych rozmiarach ekranu.
- Valence – Debuguj w dowolnej przeglądarce (wcześniej nazywanej adapterem Firefox Tools).
- Web Audio Editor – Sprawdza dźwięk w sieci, aby upewnić się, że wszystkie węzły audio są podłączone zgodnie z oczekiwaniami.
- Inspektor strony – sprawdza HTML i CSS.
- Konsola internetowa — wyświetlaj zarejestrowane informacje i korzystaj ze stron internetowych za pomocą JavaScript.
- Debuger JavaScript – debuguje JavaScript.
- Monitor sieci — Zobacz wszystkie żądania sieciowe wysyłane przez przeglądarkę i czas ich trwania.
- Edytor stylów — edytuj style CSS.
Możesz obejrzeć ogólne wprowadzenie wideo tutaj.
Obejmuje również:
- Firefox Hello – WebRTC (narzędzie umożliwiające prowadzenie rozmów i wideorozmów z innymi osobami z poziomu przeglądarki).
- Zapomnij przycisk – podobny do czyszczenia historii.
- Kroplomierz — umożliwia „wyłapywanie” kolorów ze strony internetowej.
- Scratch Pad – Samodzielna konsola JS do testowania fragmentów kodu JavaScript.
- Połącz — umożliwia połączenie z urządzeniem zdalnym.
Jak zapewne zauważyłeś, niektóre (większość) z tych funkcji są już dostępne w Firefoksie lub poprzez dodatki, a z biegiem czasu podejrzewam, że będą one dostępne jako wtyczki. Na przykład inspektor strony, konsola, debuger i kilka innych funkcji jest już częścią dodatku Firebug.
Jeśli chodzi o zmianę rozmiarów ekranu i CSS, używam narzędzia o nazwie Developer Toolbar.
Korzystałem z Firefoksa Developer Edition jako programista i projektant stron internetowych i po prostu czuję się jak Firefox z wtyczkami zaprojektowanymi dla projektanta stron internetowych (do czego, jak sądzę, dążyli). Osobiście bardziej interesuje mnie, jak się rozwija.
W tej chwili jest bardzo podobny do debugera wbudowanego w Chrome i Internet Explorera 11 (chociaż nie wypróbowałem jeszcze wszystkich funkcji).
Możesz również wyświetlić Uwagi dotyczące wersji dla programistów Firefoksa po więcej szczegółów.
Masz coś do dodania do wyjaśnienia? Dźwięk w komentarzach. Chcesz przeczytać więcej odpowiedzi od innych doświadczonych technologicznie użytkowników Stack Exchange? Sprawdź pełny wątek dyskusji tutaj.