Mozilla udgav for nylig en ny Developer Edition, som webudviklere kan bruge, men hvor stor forskel er der mellem den og den almindelige version af Firefox? Dagens SuperUser Q & A-indlæg har svarene på en nysgerrig læsers spørgsmål.
Dagens spørgsmål og svar-session kommer til os med tilladelse fra SuperUser - en underinddeling af Stack Exchange, en community-driven gruppe af Q&A websteder.
Spørgsmålet
SuperUser-læser Saurabh Lprocks vil vide, hvad der er forskelligt mellem den almindelige og udviklerudgaven af Firefox:
Mozilla lancerede for nylig en ny version af deres webbrowser kaldet Mozilla Firefox Developer Edition, der specifikt er rettet mod webudviklere.
Jeg installerede det, men jeg har ikke fundet meget forskel mellem den almindelige udgave af Firefox og udviklerudgaven. Alle værktøjerne i udviklerudgaven er også i den almindelige udgave. Jeg vil gerne vide, hvilke ekstraudviklere udviklerudgaven kommer med, som den almindelige udgave ikke gør.
Hvad er forskellene mellem den almindelige og udviklerudgaver af Firefox?
Svaret
SuperUser-bidragydere blade19899 og Dave har svaret til os. Først op, blade19899:
Det Firefox Developer Edition er en modificeret version af Firefox, der er specielt designet til webudviklere. Det bruger også en separat profil fra den almindelige version, så det er en mulighed at køre dem side om side. Det betyder, at alle dine tilføjelsesprogrammer og indstillinger ikke vil være tilgængelige i Firefox Developer Edition, men du kan bruge Firefox Sync til at få dine add-ons og indstillinger synkroniseret på begge versioner.
Alle funktioner i Firefox Developer Edition vil være tilgængelig 12 uger før de er tilgængelige i den almindelige version af Firefox.
Nogle funktioner, der er indbygget i Firefox Developer Edition, som den almindelige version ikke har, er:
Web-IDE
Web IDE giver dig mulighed for at udvikle, implementere og debugge webapps direkte i din browser eller på en Firefox OS-enhed. Det giver dig mulighed for at oprette en ny Firefox OS-app (som kun er en webapp) fra en skabelon eller åbne koden for en eksisterende app. Derfra kan du redigere appens filer. Det er et klik for at køre appen i en simulator og endnu en for at debugge den med udviklerværktøjerne. Du kan se en video om Web IDE på YouTube her .
Valence
Tidligere kaldet Firefox Tools Adapter giver Valence dig mulighed for at udvikle og fejle din app på tværs af flere browsere og enheder ved at forbinde Firefox-udviklerværktøjerne til andre større browsermotorer. Valence udvider også de fantastiske værktøjer, der er bygget til at debugge Firefox OS og Firefox til Android til de andre store mobilbrowsere, herunder Chrome på Android og Safari på iOS. Indtil videre inkluderer disse værktøjer Inspector, Debugger og Console & Style Editor. Du kan se en video om Valence på YouTube her .
Web Audio Editor
Det Web Audio Editor giver dig mulighed for at inspicere og interagere med Web Audio API'er i realtid for at sikre, at alle lydnoder er forbundet som du forventer.
Du kan se gennem min Q / A på Spørg Ubuntu for et mere dybtgående svar: Hvordan installerer jeg Firefox Developer Edition?
Efterfulgt af svaret fra Dave:
Som jeg er sikker på, at du allerede ved, har den i øjeblikket disse funktioner ud af kassen:
- Web IDE - Giver dig mulighed for at udvikle, implementere og debugge webapps.
- Responsive Design View - Lader dig se, hvordan hjemmesiden ser ud i forskellige skærmstørrelser.
- Valence - Fejlret i enhver browser (tidligere kaldet Firefox Tools Adapter).
- Web Audio Editor - Inspicerer weblyd for at sikre, at alle lydknudepunkter er forbundet som forventet.
- Sideinspektør - Undersøger HTML og CSS.
- Webkonsol - Se logget info og interagere med websider ved hjælp af JavaScript.
- JavaScript debugger - fejlret JavaScript.
- Netværksmonitor - Se alle netværksanmodninger, som browseren foretager, og hvor lang tid det tager.
- Style Editor - Rediger CSS-stilarter.
Du kan se en generel videointroduktion her .
Det inkluderer også:
- Firefox Hej - WebRTC (et værktøj, der tillader opkald og videochat med andre fra browseren).
- Glem-knap - svarer til at rydde historik.
- Pipette - Giver dig mulighed for at 'snap' farver fra en webside.
- Scratch Pad - En enkeltstående JS-konsol til test af JavaScript-uddrag.
- Opret forbindelse - Gør det muligt at oprette forbindelse til en ekstern enhed.
Som du sandsynligvis har bemærket, er nogle (de fleste) af disse funktioner allerede tilgængelige i Firefox eller via tilføjelsesprogrammer lige nu, og som tiden går, formoder jeg, at de vil være tilgængelige som plugins. F.eks. Er Page Inspector, Console, Debugger og et par flere funktioner allerede en del af Firebug-tilføjelsen.
Hvad angår ændring af skærmstørrelser og CSS, bruger jeg et værktøj kaldet Developer Toolbar.
Jeg har brugt Firefox Developer Edition som en webudvikler og designer, og det føles bare som Firefox med plugins designet til at passe til en webdesigner (hvilket er, hvad jeg tror, de sigtede efter). Jeg er personligt mere interesseret i at se, hvordan det udvikler sig.
I øjeblikket føles det meget lig den debugger, der allerede er indbygget i Chrome og Internet Explorer 11 (selvom jeg ikke har prøvet alle funktioner endnu).
Du kan også se Firefox Developer Edition noter for flere detaljer.
Har du noget at tilføje til forklaringen? Lyd fra i kommentarerne. Vil du læse flere svar fra andre teknisk kyndige Stack Exchange-brugere? Tjek den fulde diskussionstråd her .
