7Aug
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 SuperUser Q & A ma odpowiedzi na ciekawe pytanie czytelnika.
Dzisiejsze pytanie &Sesja odpowiedzi przychodzi do nas dzięki uprzejmości SuperUser - poddziału Stack Exchange, opartego na społecznościach grupy Q & A.
Pytanie Czytnik
SuperUser Saurabh Lprocks chce wiedzieć, co różni się od zwykłych i deweloperskich wersji Firefoksa:
Mozilla niedawno uruchomiła nową wersję swojej 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 wersją standardową a wersją programisty Firefoksa?
Odpowiedź Odpowiedź
SuperUser współpracownicy blade19899 i Dave mają dla nas odpowiedź.Po pierwsze, 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 uzyskać 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:
Web IDE
Web IDE pozwala na projektowanie, 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.
Valence
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 głównymi 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 i Console &Edytor stylów. 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, jakiego oczekujesz.
Możesz przejrzeć mój Q / A na stronie Zapytaj Ubuntu, aby uzyskać bardziej dogłębną odpowiedź: Jak zainstalować edycję Firefox Developer?
Po odpowiedzi od Dave'a:
Jak już pewnie już wiesz, ma on obecnie następujące funkcje:
- Web IDE - Umożliwia tworzenie, wdrażanie i debugowanie aplikacji internetowych.
- 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 web audio, aby upewnić się, że wszystkie węzły audio są podłączone zgodnie z oczekiwaniami.
- Page Inspector - sprawdza HTML i CSS.
- Web Console - 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 - Edycja stylów CSS.
Tutaj możesz obejrzeć ogólne wprowadzenie wideo.
Obejmuje również:
- Firefox Witaj - WebRTC( narzędzie pozwalające na czat telefoniczny i wideo z innymi osobami z poziomu przeglądarki).
- Zapomnij przycisk - podobne do wyczyszczenia historii. Kroplomierz
- - umożliwia "przyciąganie" kolorów ze strony internetowej.
- Scratch Pad - Samodzielna konsola JS do testowania fragmentów kodu JavaScript.
- Connect - 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żywam 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 chcesz coś dodać 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.