Mozilla heeft onlangs een nieuwe Developer Edition uitgebracht die webontwikkelaars kunnen gebruiken, maar hoeveel verschil is er tussen deze en de reguliere versie van Firefox? De SuperUser Q & A-post van vandaag bevat de antwoorden op de vraag van een nieuwsgierige lezer.
De vraag- en antwoordsessie van vandaag komt tot ons dankzij SuperUser - een onderdeel van Stack Exchange, een community-gedreven groepering van Q & A-websites.
De vraag
SuperUser-lezer Saurabh Lprocks wil weten wat er anders is tussen de reguliere en ontwikkelaarsedities van Firefox:
Mozilla heeft onlangs een nieuwe versie van hun webbrowser gelanceerd, Mozilla Firefox Developer Edition genaamd, die specifiek is gericht op webontwikkelaars.
Ik heb het geïnstalleerd, maar ik heb niet veel verschil gevonden tussen de reguliere editie van Firefox en de ontwikkelaarseditie. Alle tools in de ontwikkelaarseditie zitten ook in de reguliere editie. Ik wil weten welke extra's de developer-editie met zich meebrengt en de reguliere editie niet.
Wat zijn de verschillen tussen de reguliere edities en de ontwikkelaarsedities 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 speciaal is ontworpen voor webontwikkelaars. Het gebruikt ook een apart 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 op beide versies te synchroniseren.
Alle functies in de Firefox Developer Edition zullen 12 weken voordat ze beschikbaar zijn in de reguliere versie van Firefox beschikbaar zijn.
Enkele in de Firefox Developer Edition ingebouwde functies die de normale versie niet heeft, zijn:
Web IDE
Met Web IDE kunt u webapps rechtstreeks in uw browser of op een Firefox OS-apparaat ontwikkelen, implementeren en debuggen. Hiermee kunt u een nieuwe Firefox OS-app maken (wat slechts een webapp is) op basis van 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 één om het te debuggen met de ontwikkelaarstools. U kunt een video over Web IDE op YouTube bekijken hier .
Valentie
Met Valence, voorheen Firefox Tools Adapter genoemd, kunt u uw app ontwikkelen en debuggen in meerdere browsers en apparaten door de Firefox-ontwikkelaarstools te verbinden met andere grote browser-engines. Valence breidt ook de geweldige tools die zijn gebouwd om Firefox OS en Firefox voor Android te debuggen uit naar de andere grote mobiele browsers, waaronder Chrome op Android en Safari op iOS. Tot nu toe omvatten deze tools Inspector, Debugger en Console & Style Editor. Je kunt een video over Valence bekijken op YouTube hier .
Webaudio-editor
De Webaudio-editor stelt u in staat om Web Audio API's in realtime te inspecteren en ermee te communiceren om ervoor te zorgen dat alle audioknooppunten zijn verbonden op de manier die u verwacht.
Je kunt mijn Q / A op Ask Ubuntu doornemen voor een meer diepgaand antwoord: Hoe installeer ik de Firefox Developer Edition?
Gevolgd door het antwoord van Dave:
Zoals ik zeker weet dat je het al weet, heeft het momenteel deze functies uit de doos:
- Web IDE - Hiermee kunt u webapps ontwikkelen, implementeren en debuggen.
- Responsive Design View - Laat u zien hoe de website eruit zal zien in verschillende schermformaten.
- Valence - Foutopsporing in elke browser (voorheen Firefox Tools Adapter genoemd).
- Webaudio-editor - Inspecteert webaudio om ervoor te zorgen dat alle audioknooppunten zijn aangesloten zoals verwacht.
- Page Inspector - Onderzoekt HTML en CSS.
- Webconsole - Bekijk geregistreerde informatie en werk met webpagina's met JavaScript.
- JavaScript Debugger - Debug JavaScript.
- Netwerkmonitor - Bekijk alle netwerkverzoeken die de browser doet en hoe lang het duurt.
- Style Editor - Bewerk CSS-stijlen.
U kunt een algemene video-introductie bekijken hier .
Het bevat ook:
- Firefox Hallo - WebRTC (een tool waarmee u vanuit de browser met anderen kunt bellen en videochatten).
- Knop vergeten - vergelijkbaar met geschiedenis wissen.
- 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 je waarschijnlijk hebt opgemerkt, zijn sommige (de meeste) van deze functies nu al beschikbaar in Firefox of via add-ons, en na verloop van tijd vermoed ik dat ze beschikbaar zullen zijn als plug-ins. De Page Inspector, Console, Debugger en nog een paar andere functies maken bijvoorbeeld al deel uit van de Firebug-add-on.
Wat betreft het wijzigen van schermformaten en CSS, gebruik ik een tool genaamd Developer Toolbar.
Ik heb de Firefox Developer Edition als webontwikkelaar en -ontwerper gebruikt en het voelt gewoon als Firefox met plug-ins die zijn ontworpen voor een webdesigner (en dat is waar ze volgens mij naar streefden). Persoonlijk ben ik meer geïnteresseerd om te zien 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 elke functie heb geprobeerd).
U kunt ook het Opmerkingen voor Firefox Developer Edition voor meer details.
Iets toe te voegen aan de uitleg? Geluid uit in de reacties. Wilt u meer antwoorden lezen van andere technisch onderlegde Stack Exchange-gebruikers? Bekijk hier de volledige discussiethread .
