Når riktig konfigurert, kan Firefox bli det ultimate verktøyet for nettutvikling, noe som gir deg direkte tilgang til siden du jobber med, slik at du kan style siden din i sanntid, feilsøke javascript eller til og med redigere html.
Lag egen profil for webutvikling
Installering av alle disse utviklingsverktøyene vil gjøre Firefox til en veldig tung nettleser, så vi bør først opprette en ny profil for Firefox.
Du kan starte en egen profil samtidig med den vanlige profilen din ved å opprette en ny snarvei med disse argumentene, og erstatte WebDev med navnet på profilen din. Det er også en mer detaljert forklaring av hvordan du gjør dette.
firefox.exe -P WebDev -no-fjernkontroll
Nå som du har konfigurert Firefox med en egen profil bare for nettutvikling, la oss ta en titt på utvidelsene vi kan bruke til å gjøre Firefox til det ultimate verktøyet for nettutvikling.
Må ha webbutviklingsutvidelser
Dette er alle utvidelser jeg bruker regelmessig for webutvikling.
Firebug er den kraftigste utvidelsen for feilsøking av javascript, visning av CSS og html. Du kan gjøre dynamiske endringer i koden og CSS, og bruke den til å feilsøke Ajax-koden. Det er virkelig den beste utvidelsen der ute.
En av de beste utvidelsene i x år på rad. Dette er et must for enhver utvikler, men du har allerede hørt om det.
Denne utvidelsen er en veldig lett utvidelse som enkelt viser elementene på siden og deres tildelte klasse / id. Det er enklere å bruke enn webutviklerutvidelsen for de gangene du bare trenger rask informasjon for et element. Du kan også bruke den til å fjerne elementer fra siden.
Velg farger enkelt. Ikke mer smerte med å finne farger innebygd et sted i et stilark.
Du kan sette opp flere visningskildeprofiler for å åpne kilden i forskjellige applikasjoner.
Denne utvidelsen lar deg enkelt validere HTML-siden din og installere den i Vis kildepanelet.
Det er ikke akkurat en webutviklerutvidelse, men Greasemonkey er fantastisk, ikke minst for muligheten til å automatisere ofte utførte handlinger, noe som er en flott tidsbesparelse for webutviklere.
Mål enkelt en 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 ditt valg) lar deg enkelt 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.
Tømmer hurtigbufferen. Spesielt nyttig for å sjekke nye CSS-endringer.
Restart Firefox-utvidelsen er veldig nyttig for å lukke ned og starte Firefox på nytt med alle faner og økter intakte.
Tab Mix Plus-utvidelsen er generelt en flott utvidelse, men har noen vesentlige nyttige funksjoner for webutviklere: Dupliser fane og URL for kopier fane.
YSlow-utvidelsen er en ny utvidelse fra Yahoo som vil analysere siden din og fortelle deg hvor du gjør feil. Det gir deg til og med en karakter på nettstedets ytelse. Du vil legge merke til den lille måleren i nedre høyre hjørne ... den forteller deg den totale størrelsen på siden din samt lastetiden. Veldig nyttig utvidelse, men det krever Firebug-utvidelsen.
Dummy Lipsum-generatorutvidelsen vil generere dummyinnhold for deg basert på den berømte Lorem Ipsum-teksten som er veldig nyttig for å legge ut falskt innhold på nettstedet ditt.
Screengrab-utvidelsen lar deg ta skjermbilder av sider, men kan gjøre noe 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 du bruker regelmessig, kan du legge igjen en omtale i kommentarene.
På dette tidspunktet har du nå gjort Firefox til det ultimate verktøyet for nettutvikling. Ta deg tid til å lære hvordan du bruker Firebug spesielt.
