Opret den ultimative Firefox Web Development Profile

Når det er korrekt konfigureret, kan Firefox blive det ultimative webudviklingsværktøj, hvilket giver dig direkte adgang til den side, du arbejder på, så du kan style din side i realtid, fejle javascript eller endda redigere html.

Opret separat profil til webudvikling

Installation af alle disse udviklingsværktøjer vil gøre Firefox til en meget tung browser, så vi skal først oprette en ny profil til Firefox.

Du kan starte en separat profil samtidig med din almindelige profil ved at oprette en ny genvej med disse argumenter og erstatte WebDev med navnet på din profil. Der er også en mere detaljeret forklaring på, hvordan man gør dette.

firefox.exe -P WebDev-no-remote

Nu hvor du har fået Firefox konfigureret med en separat profil kun til webudvikling, lad os tage et kig på de udvidelser, vi kan bruge til at gøre Firefox til det ultimative webudviklingsværktøj.

Skal have webudvidelser

Dette er alle udvidelser, som jeg bruger regelmæssigt til webudvikling.

Firebug

Firebug er den mest kraftfulde udvidelse til fejlfinding javascript, visning CSS og html. Du kan foretage dynamiske ændringer til koden og CSS, og bruge den til at debugere din Ajax-kode. Det er virkelig den bedste udvidelse derude.

Webudviklerudvidelse

En af de bedste udvidelser i x år løbende. Dette er et must-have for enhver udvikler, men du har allerede hørt om det.

Aardvark Extension

Denne udvidelse er en meget let udvidelse, der nemt viser dig elementerne på siden og deres tildelte klasse / id. Det er enklere at bruge end webudviklerudvidelsen til de tidspunkter, hvor du bare har brug for hurtiginfo til et element. Du kan også bruge det til at fjerne elementer fra siden.

ColorZilla

Vælg farver nemt. Ikke mere smerte ved at finde farver indlejret et sted i et stylesheet.

Se Kilde Med

Du kan opsætte flere visningskildeprofiler for at åbne kilden i forskellige applikationer.

HTML Validator

Denne udvidelse lader dig nemt validere din side HTML og installerer i panelet Vis kilde.

Mekaniker

Det er ikke ligefrem en webudviklerudvidelse, men Greasemonkey er fantastisk, ikke mindst for evnen til at automatisere almindeligt udførte handlinger, hvilket er en fantastisk tidsbesparende til webudviklere.

Måle det

Mål let afstand på skærmen med denne udvidelse. Når du har målt et område, kan du trække rektangelet rundt på skærmen for at bruge som en sammenligning.

IE View / IE Tab / OperaView / FirefoxView / Safari View / IE View Lite

Disse udvidelser (vælg dit valg) giver dig mulighed for nemt at se den aktuelle side i forskellige browsere. IE Tab vil endda lade dig køre IE inde i en fane, hvis du var så tilbøjelig.

Clear Cache Button

Rydder cachen. Specielt nyttigt til at kontrollere nye CSS-ændringer.

Genstart Firefox

Genstart Firefox-udvidelsen er meget nyttig til at lukke og genstarte Firefox med alle faner og sessioner intakt.

Tab Mix Plus

Tab Mix Mix Plus-udvidelsen er en stor udvidelse generelt, men har nogle få væsentlige nyttige funktioner til webudviklere: Duplicate Tab og Copy Tab URL.

YSlow

YSlow-udvidelsen er en ny udvidelse fra Yahoo, der analyserer din side og fortæller dig, hvor du laver fejl. Det vil endda give dig en karakter på dit websted præstation. Du vil bemærke den lille måler i nederste højre hjørne ... det fortæller dig den samlede størrelse på din side samt belastningstiden. Meget nyttig udvidelse, men det kræver Firebug-udvidelsen.

Dummy Lorem Ipsum

Dummy Lipsum Generator Extension vil generere dummy indhold for dig baseret på den berømte Lorem Ipsum tekst, der er meget nyttigt til at lægge falsk indhold på dit websted.

Screengrab!

Screengrab-udvidelsen giver dig mulighed for at tage skærmbilleder af sider, men kan gøre noget, som et almindeligt skærmbilledeværktøj ikke kan - det kan tage et billede af hele siden, ikke kun den synlige del.

 

Der er mange andre udvidelser, du kan bruge, men disse er de bedste af de bedste fra alt, hvad jeg har set. Hvis du har en anden udvidelse, som du bruger regelmæssigt, skal du nævne i kommentarerne.

På dette tidspunkt har du nu slået Firefox til det ultimative webudviklingsværktøj. Tag dig tid til at lære at bruge Firebug især.