24Aug
Når den 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 utforme siden din i sanntid, feilsøke javascript eller til og med redigere html.
Opprett separat profil for webutvikling
Installering av alle disse utviklingsverktøyene vil gjøre 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 se 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 webutviklerforlengelse, men Greasemonkey er fantastisk, ikke minst for muligheten til å automatisere gjeldende handlinger, noe som er en flott tidsbesparende for webutviklere.
Mål det
Mål enkelt avstanden 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 Vis
/ IE Tab / OperaView / Firefoxvisning / Safari Vis / IE View Lite
Disse utvidelsene( velg) gir deg lett mulighet til å vise gjeldende side 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
Tømmer hurtigbufferen. Spesielt nyttig for å sjekke nye CSS-endringer.
Restart Firefox
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 Plus 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.
Det er mange andre utvidelser du kan bruke, men disse er de beste av de beste fra alt jeg har sett. Hvis du har en annen utvidelse som du bruker regelmessig, la du omtale i kommentarene.
På dette tidspunktet har du nå slått Firefox inn i det ultimate webutviklingsverktøyet. Ta deg tid til å lære å bruke Firebug spesielt.