15 Firefox-tillegg for webutviklere

Jeg har jobbet på et nytt nettsted de siste ukene. Men i stedet for å gjøre det alene bestemte jeg meg for å få litt hjelp fra Firefox-utvidelser. De har gjort jobben min mye lettere, og de alle kan lastes ned på bare noen få sekunder.

Aardvark: Aardvark lar deg velge elementer fra en nettside og utføre ulike handlinger på dem. Jeg bruker den til å analysere strukturen til en side. Du kan også fjerne og isolere elementer eller generere DOM-kode. Jeg anbefaler det.

ColorZilla: Hvis det er en farge på en nettside du vil, vil ColorZilla finne den nøyaktige koden for den og tillate deg å lime den inn i kodingsprogrammet ditt. Du kan også lage egendefinerte farger med sin innebygde palettbrowser. Det sparer de mest brukte farger for enkel tilgang senere. Det er kraftig, det er enkelt, det er en må-ha.

CSS Validator: CSS Validator legger til et høyreklikkalternativ i nettleseren din, og sender CSS til W3C CSS Validator. Den åpner resultatene i en ny kategori. CSS Validator er et fint verktøy som ofte kommer til nytte.

CSSViewer: Ingen webdesigner burde arbeide uten CSSViewer. Add-onen informerer deg om all CSS-informasjonen du trenger fra et nettsted. Bare klikk på siden du vil ha, åpne den på Verktøy-menyen, og den vil vise CSS-informasjon. Jeg bruker det nesten hver dag.

FireBug: Firebug er en av de utvidelsene som du ganske enkelt ikke kan være uten. Den lar deg redigere, feilsøke og vise CSS, HTML og JavaScript. Når du har endret HTML-en på nettstedet, viser Firebug det automatisk i samme rute. Det er ekstremt kraftig.

FirePHP: FireBug er et fint verktøy for CSS, HTML og JavaScript, men FirePHP, som bare fungerer når du har installert FireBug-utvidelsen, skaper en fullverdig utviklingsopplevelse. Ved hjelp av begge tilleggene kan du se kvaliteten på PHP og finne feil. Det er et flott hjelpemiddel.

Font Finder: Font Finder lar deg markere en skrifttype du liker på et hvilket som helst nettsted, høyreklikke på valget, og etter å ha valgt "Font Finder", se hele CSS tekst styling av valget. Du kan deretter lime det inn på din egen nettside.

HTML Validator: HTML Validator er et ekstremt kraftig verktøy som bare er tilgjengelig for Windows-brukere. Add-onen gir deg tilbakemelding om feil på siden. Den lar deg også vite hvor problemer må løses. Men med mindre du er en avansert webdesigner, hold deg borte fra dette verktøyet. Det er veldig komplisert.

IE View: Så lenge du kjører Windows, er IE View et nyttig verktøy. Utvidelsen legger til et alternativ i "Åpne i IE" i høyreklikkmenyen, slik at du raskt kan åpne et nettsted i Internet Explorer. Det er en fin måte å sjekke hvordan en side ser ut i begge nettleserne.

Java-konsoll: Hvis du vil se hvordan Java-appletter kjører på websider, er Java-konsollen for deg. Du kan overvåke og feilsøke applets, og få en fullstendig rapport om deres ytelse.

LinkChecker: LinkChecker høydepunkter koblinger på et hvilket som helst nettsted og forteller om linken vil lede deg til et nettsted eller hvis det kommer tilbake en 404. Jeg bruker det hver dag.

Plakat: Hvis du vil feilsøke servere og lage HTTP-forespørsler, er Plakat verktøyet for deg. Det er enkelt å bruke, du kan angi en innholdstype, og innen få minutter har du all den informasjonen du trenger for å inspisere resultatene av HTTP-spørringen din. Nyttig.

Style Sheet Chooser II: Style Sheet Chooser II erstatter Firefox innebygde stilarkbryter og lar deg velge en alternativ stil som vil fortsette på alle sider på et nettsted. Det er ikke noe du ofte vil bruke, men når du trenger noe av den typen, er Style Sheet Chooser II veien å gå.

Webutvikler: Hvis du installerer noen av utvidelsene i denne versjonen, bør Webutvikler inkluderes. Det legger til en meny og verktøylinje til Firefox som gir deg muligheten til å vise en side stil, vise og redigere CSS, og mye mer. Ingen webutvikler bør være uten den.

YSlow: YSlow krever at FireBug er installert for at den skal fungere, men det er en fin måte å finne ut hvorfor nettstedet ditt kjører så sakte. Den analyserer websider og returnerer problemer som senker nettstedet ned, basert på Yahoos regler for høyytelsesnettsteder. Jeg bruker det ofte til å finne ut hvor jeg kan forbedre hastigheten på sidene mine. Prøv det.

 

Legg Igjen Din Kommentar