24Aug
Når 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 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
Disse 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.
Web Developer Extension
En af de bedste udvidelser til x års løb. 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.
Vis 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 View Source-panelet.
Greasemonkey
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ål 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 Se
/ IE Tab / OperaView / FirefoxView / Safari Se / IE View Lite
Disse udvidelser( vælg din valg) gør det 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. Især 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 giver endda 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 generatorudvidelsen vil generere dummyindhold for dig baseret på den berømte Lorem Ipsum-tekst, der er meget nyttig 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 normalt 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.