Wat is het verschil tussen de reguliere en de ontwikkelaarsedities van Firefox?

Mozilla heeft onlangs een nieuwe Developer Edition uitgebracht voor webontwikkelaars om te gebruiken, maar hoeveel verschil is er tussen het en de reguliere versie van Firefox? De SuperUser Q & A-post van vandaag biedt de antwoorden op de vraag van een nieuwsgierige lezer.

De Question & Answer-sessie van vandaag komt tot ons dankzij SuperUser - een onderdeel van Stack Exchange, een gemeenschapsgedreven groep van Q & A-websites.

De vraag

SuperUser-lezer Saurabh Lprocks wil weten wat er verschilt tussen de reguliere en de ontwikkelaarversies van Firefox:

Mozilla heeft recentelijk een nieuwe versie van hun webbrowser Mozilla Firefox Developer Edition gelanceerd die specifiek is gericht op webontwikkelaars.

Ik heb het geïnstalleerd, maar ik heb niet veel verschil gevonden tussen de reguliere versie van Firefox en de ontwikkelaareditie. Alle tools in de ontwikkelaareditie staan ook in de reguliere editie. Ik wil weten welke extra's de ontwikkelaareditie bevat met de reguliere versie niet.

Wat zijn de verschillen tussen de reguliere en de ontwikkelaarversies van Firefox?

Het antwoord

SuperUser-bijdragers blade19899 en Dave hebben het antwoord voor ons. Ten eerste, blade19899:

De Firefox Developer Edition is een aangepaste versie van Firefox die specifiek is ontworpen voor webontwikkelaars. Het gebruikt ook een afzonderlijk profiel van de reguliere versie, zodat ze naast elkaar kunnen worden gebruikt. Dat betekent wel dat al uw add-ons en instellingen niet beschikbaar zijn in de Firefox Developer Edition, maar u kunt Firefox Sync gebruiken om uw add-ons en instellingen gesynchroniseerd te krijgen op beide versies.

Alle functies in de Firefox Developer Edition zijn beschikbaar 12 weken voordat ze beschikbaar zijn in de reguliere versie van Firefox.

Sommige functies ingebouwd in de Firefox Developer Edition die de reguliere versie niet heeft zijn:

Web IDE

Met Web IDE kunt u webapps direct in uw browser of op een Firefox OS-apparaat ontwikkelen, implementeren en debuggen. Hiermee kunt u een nieuwe Firefox OS-app (alleen een web-app) maken vanuit een sjabloon of de code van een bestaande app openen. Van daaruit kunt u de bestanden van de app bewerken. Het is één klik om de app in een simulator uit te voeren en nog een keer om deze te debuggen met de ontwikkelaarstools. Je kunt hier een video over Web IDE bekijken op YouTube.

Valentie

Voorheen genaamd Firefox Tools Adapter, kunt u met Valence uw app ontwikkelen en debuggen in meerdere browsers en apparaten door de Firefox-ontwikkelaarstools aan te sluiten op andere belangrijke browser-engines. Valence breidt ook de geweldige tools uit die zijn ontwikkeld om Firefox OS en Firefox voor Android te debuggen naar de andere grote mobiele browsers, waaronder Chrome op Android en Safari op iOS. Tot nu toe omvatten deze hulpprogramma's Inspector, Debugger en Console & Style Editor. Je kunt hier een video over Valence op YouTube bekijken.

Web Audio Editor

Met de Web Audio Editor kunt u webaudio-API's in realtime inspecteren en ermee communiceren om ervoor te zorgen dat alle audioknooppunten op de manier zijn aangesloten die u verwacht.

Je kunt via Q / A kijken op Ask Ubuntu voor een meer diepgaand antwoord: Hoe installeer ik de Firefox Developer Edition?

Gevolgd door het antwoord van Dave:

Zoals je ongetwijfeld al weet, zijn deze functies momenteel uit de doos:

Web IDE - Hiermee kunt u webapps ontwikkelen, implementeren en debuggen.

Responsieve ontwerpweergave - Laat u zien hoe de website er in verschillende schermformaten uitziet.

Valence - Debug in elke browser (eerder Firefox Tools-adapter genoemd).

Web Audio Editor - Inspecteert webaudio om ervoor te zorgen dat alle audioknooppunten volgens verwachting zijn aangesloten.

Page Inspector - onderzoekt HTML en CSS.

Web Console - zie gelogde info en interactie met webpagina's met behulp van JavaScript.

JavaScript-foutopsporing - debugt JavaScript.

Netwerkmonitor: bekijk alle netwerkverzoeken die de browser maakt en hoe lang het duurt.

Stijleditor - CSS-stijlen bewerken.

Je kunt hier een algemene video-introductie bekijken.

Het bevat ook:

Firefox Hello - WebRTC (een tool waarmee u kunt bellen en videochatten met anderen vanuit de browser).

Vergeet knop - Vergelijkbaar met wissen van geschiedenis.

Pipet - Hiermee kunt u kleuren van een webpagina 'knippen'.

Scratch Pad - Een stand-alone JS-console voor het testen van JavaScript-fragmenten.

Verbinden: hiermee kunt u verbinding maken met een extern apparaat.

Zoals u waarschijnlijk heeft opgemerkt, zijn sommige (de meeste) van deze functies nu al beschikbaar in Firefox of via add-ons en naarmate de tijd verstrijkt, vermoed ik dat ze beschikbaar zullen zijn als plug-ins. De pagina-Inspector, Console, Debugger en enkele andere functies maken bijvoorbeeld al deel uit van de Firebug-add-on.

Wat betreft het veranderen van schermafmetingen en CSS, gebruik ik een tool genaamd Developer Toolbar.

Ik heb de Firefox Developer Edition gebruikt als een webontwikkelaar en -ontwerper en het voelt gewoon als Firefox met plug-ins die zijn ontworpen voor een webontwerper (wat ik denk dat ze nastreefden). Ik ben persoonlijk meer geïnteresseerd in hoe het zich ontwikkelt.

Op dit moment lijkt het erg op de debugger die al in Chrome en Internet Explorer 11 is ingebouwd (hoewel ik nog niet alle functies heb uitgeprobeerd).

U kunt de notities van de Firefox Developer Edition ook bekijken voor meer informatie.

Heb je iets toe te voegen aan de uitleg? Geluid uit in de reacties. Wilt u meer antwoorden van andere technisch onderlegde Stack Exchange-gebruikers lezen? Bekijk hier de volledige discussiethread.