Når det er riktig konfigurert, kan Firefox bli det ultimate verktøyet for webutvikling, noe som gir deg direkte tilgang til siden du arbeider med, slik at du kan stilere siden din i sanntid, feilsøke javascript eller til og med redigere html.
Opprett separat profil for webutvikling
Installere alle disse utviklingsverktøyene gjør Firefox til en veldig tung nettleser, så vi må først opprette en ny profil for Firefox.
Du kan starte en egen profil samtidig med din vanlige profil ved å opprette en ny snarvei med disse argumentene, og erstatte WebDev med navnet på profilen din. Det er også en mer detaljert forklaring på hvordan du gjør dette.
firefox.exe -P WebDev -no-remote
Nå som du har Firefox konfigurert med en egen profil bare for webutvikling, la oss ta en titt på utvidelsene vi kan bruke til å gjøre Firefox til det ultimate webutviklingsverktøyet.
Må-ha Web Dev Extensions
Dette er alle utvidelser som jeg bruker regelmessig for webutvikling.
Firebug
Firebug er den kraftigste utvidelsen for feilsøking javascript, visning av CSS og html. Du kan lage dynamiske endringer i koden og CSS, og bruke den til å feilsøke Ajax-koden. Det er virkelig den beste utvidelsen der ute.
Webutviklerutvidelse
En av de beste utvidelsene for x års løp. Dette er et must-ha for enhver utvikler, men du har allerede hørt om det.
Aardvark Extension
Denne utvidelsen er en veldig lett utvidelse som enkelt viser deg elementene på siden og deres tildelte klasse / id. Det er enklere å bruke enn webutviklerutvidelsen for de tidene da du bare trenger rask info for et element. Du kan også bruke den til å fjerne elementer fra siden.
ColorZilla
Velg farger enkelt. Ikke mer smerte med å finne farger innebygd et sted i et stilark.
Vis kilde med
Du kan konfigurere flere visningskildeprofiler for å åpne kilden i forskjellige applikasjoner.
HTML Validator
Denne utvidelsen lar deg enkelt validere siden HTML og installerer i Vis Source-panelet.
Greasemonkey
Det er ikke akkurat en webutviklerutvidelse, men Greasemonkey er kjempebra, ikke minst for muligheten til å automatisere gjeldende handlinger, noe som er en flott tidsbesparende for webutviklere.
Mål det
Mål enkelt avstand på skjermen med denne utvidelsen. Når du har målt et område, kan du dra rektangelet rundt skjermen for å bruke som en sammenligning.
IE View / IE Tab / OperaView / FirefoxView / Safari View / IE View Lite
Disse utvidelsene (velg) gjør det enkelt å vise den aktuelle siden i forskjellige nettlesere. IE Tab vil til og med la deg kjøre IE inne i en fane, hvis du var så tilbøyelig.
Clear Cache Button
Rydder hurtigbufferen. Spesielt nyttig for å sjekke nye CSS-endringer.
Start Firefox på nytt
Restart Firefox-utvidelsen er veldig nyttig for å lukke ned og starte Firefox på nytt med alle faner og økter intakt.
Tab Mix Plus
Tab Mix Mix Plus-utvidelsen er en god utvidelse generelt, men har noen viktige nyttige funksjoner for webutviklere: Duplicate Tab og Copy Tab URL.
YSlow
YSlow-utvidelsen er en ny utvidelse fra Yahoo som vil analysere siden din og fortelle deg hvor du gjør feil. Det gir deg selv en karakter på ytelsen til nettstedet ditt. Du vil legge merke til det lille sporet i nederste høyre hjørne … det forteller deg den totale størrelsen på siden din, samt belastetiden. Veldig nyttig utvidelse, men det krever Firebug-utvidelsen.
Dummy Lorem Ipsum
Dummy Lipsum Generator Extension vil generere dummy innhold for deg basert på den berømte Lorem Ipsum teksten som er veldig nyttig for å legge ut falsk innhold på nettstedet ditt.
Screengrab!
Screengrab-utvidelsen lar deg ta skjermbilder av sider, men kan gjøre noe som et vanlig skjermbildeverktøy ikke kan - det kan ta et bilde av hele siden, ikke bare den synlige delen.
På dette tidspunktet har du nå slått Firefox inn i det ultimate webutviklingsverktøyet. Ta deg tid til å lære å bruke Firebug spesielt.
