Vad är skillnaden mellan den vanliga och utvecklarutgåvan av Firefox?

Mozilla släppte nyligen en ny utvecklareutgåva för webbutvecklare att använda, men hur stor skillnad finns det mellan den och den vanliga versionen av Firefox? Dagens SuperUser Q & A-inlägg har svaren på en nyfiken läsarens fråga.

Dagens Question & Answer-session kommer till oss med tillstånd av SuperUser-en indelning av Stack Exchange, en community-driven gruppering av Q & A-webbplatser.

Frågan

SuperUser-läsare Saurabh Lprocks vill veta vad som är annorlunda mellan de vanliga och utvecklarutgåvorna av Firefox:

Mozilla lanserade nyligen en ny version av deras webbläsare som heter Mozilla Firefox Developer Edition, som är speciellt inriktad mot webbutvecklare.

Jag installerade det, men jag har inte hittat mycket skillnad mellan den vanliga upplagan av Firefox och utvecklarutgåvan. Alla verktyg i utvecklarutgåvan finns också i den vanliga utgåvan. Jag vill veta vilka extras utvecklarutgåvan kommer med den vanliga upplagan inte.

Vad är skillnaderna mellan de vanliga och utvecklarutgåvorna av Firefox?

Svaret

SuperUser-bidragsgivarna blade19899 och Dave har svaret för oss. Först upp, blad19899:

Firefox Developer Edition är en modifierad version av Firefox som är speciellt utformad för webbutvecklare. Det använder också en separat profil från den vanliga versionen, så att köra dem sida vid sida är ett alternativ. Det betyder att alla dina tillägg och inställningar inte kommer att vara tillgängliga i Firefox Developer Edition, men du kan använda Firefox Sync för att få dina tillägg och inställningar synkroniserade i båda versionerna.

Alla funktioner i Firefox Developer Edition kommer att finnas tillgängliga 12 veckor innan de finns i den vanliga versionen av Firefox.

Vissa funktioner inbyggda i Firefox Developer Edition som den vanliga versionen inte har är:

Web IDE

Web IDE låter dig utveckla, distribuera och felsöka webbapplikationer direkt i din webbläsare eller på en Firefox OS-enhet. Det låter dig skapa en ny Firefox OS-app (som bara är en webapp) från en mall eller öppna koden för en befintlig app. Därifrån kan du redigera appens filer. Det är ett klick för att köra appen i en simulator och en till att felsöka den med utvecklarverktygen. Du kan titta på en video om Web IDE på YouTube här.

Valens

Tidigare kallad Firefox Tools Adapter, låter Valence dig utveckla och felsöka din app på flera webbläsare och enheter genom att koppla Firefox utvecklarverktyg till andra större webbläsarmotorer. Valence utökar också de fantastiska verktygen som byggts för att felsöka Firefox OS och Firefox för Android till andra stora mobila webbläsare, inklusive Chrome på Android och Safari på iOS. Hittills har dessa verktyg inkluderat Inspector, Debugger och Console & Style Editor. Du kan se en video om Valence på YouTube här.

Web Audio Editor

Web Audio Editor ger dig möjlighet att inspektera och interagera med Web Audio APIs i realtid för att säkerställa att alla ljudnoder är anslutna på det sätt du förväntar dig.

Du kan titta igenom min Q / A på Ask Ubuntu för ett mer djupgående svar: Hur installerar jag Firefox Developer Edition?

Följd av svaret från Dave:

Som jag är säker på att du redan vet, har den för tillfället dessa funktioner ur lådan:

Web IDE - Gör det möjligt att utveckla, distribuera och felsöka webbapps.

Responsive Design View - Låter dig se hur webbsidan kommer att se ut i olika skärmstorlekar.

Valence - Debug i en webbläsare (tidigare kallad Firefox Tools Adapter).

Web Audio Editor - Inspekterar webljud för att säkerställa att alla ljudnoder är anslutna som förväntat.

Sidinspektör - Granskar HTML och CSS.

Webbkonsol - Se loggad information och interagera med webbsidor med JavaScript.

JavaScript Debugger - Debug JavaScript.

Nätverksövervakning - Se alla nätverksförfrågningar som webbläsaren gör och hur lång tid det tar.

Style Editor - Redigera CSS-stilar.

Du kan titta på en generell video introduktion här.

Den innehåller också:

Firefox Hello - WebRTC (ett verktyg som tillåter samtal och videochatt med andra från webbläsaren).

Glöm knapp - Liknar att rensa historiken.

Eyedropper - Låter dig "snap" färger från en webbsida.

Scratch Pad - En fristående JS-konsol för att testa JavaScript-snippets.

Anslut - Låter dig ansluta till en fjärransluten enhet.

Som du kanske har märkt är vissa (de flesta) av dessa funktioner redan tillgängliga i Firefox eller via tillägg just nu, och när tiden går på, misstänker jag att de kommer att vara tillgängliga som plugins. Till exempel, sidan inspektör, konsol, debugger och några fler funktioner är redan en del av Firebug add-on.

När det gäller att ändra skärmstorlekar och CSS använder jag ett verktyg som heter Developer Toolbar.

Jag har använt Firefox Developer Edition som webbutvecklare och designer och det känns bara som Firefox med plugins utformade för att passa en webbdesigner (vilket är vad jag tror att de syftar till). Jag är personligen mer intresserad av att se hur den utvecklas.

För närvarande känns det väldigt lik debuggeren som redan är inbyggd i Chrome och Internet Explorer 11 (även om jag inte har försökt alla funktioner än).

Du kan också se Firefox Developer Edition-anteckningarna för mer detaljer.

Har du något att lägga till förklaringen? Ljud av i kommentarerna. Vill du läsa mer svar från andra tech-savvy Stack Exchange-användare? Kolla in hela diskussionsgängan här.