Essensielle Firefox-plugins

Firefox er ikke bare en skikkelig ålreit nettleser, den er også et veldig nyttig verktøy for alle som jobber med utvikling av nettsider. Følgende er en liste over plugins som jeg finner ekstremt nyttig.

Web developer

Denne pluginen legger til en verktøylinje i Firefox med forskjellige valg:

• Validering av (X)HTML, CSS, feeds og mer
• Se generert kilde (altså, dokumentet etter at det er viderebehandlet av Javascript)
• Sette nettleservinduet til forskjellige størrelser for å sjekke designet i forskjellige oppløsninger
• Vis forskjellige elementer på en side (feks uthev alle tabeller)
• Vis detaljert informasjon om en nettside
• Vis/skjul bilder
• Nullstill forms, fjern makslengde på form-elementer og mer
• Skru av CSS, endre CSS
• Se Cookie-informasjon, slett Cookies
• Skru av Javascript

Dette er bare et lite utvalg av valgene som Web developer legger til Firefox.

Last ned/installer Web developer.

Firebug

Ved siden av Web developer er dette DET viktigste tillegget for utviklere. Firebug har et bredt utvalg funksjonalitet, noe av det meste interessante:

• Inspiser HTML, selv slik den er endret av Javascript
• Inspiser all CSS og Javascript linket inn på siden
• Inspiser nettverkstrafikk (veldig nyttig for å debugge treige sider og lignende)
• Inspiser AJAX-kall, og serversvar
• Kjør Javascript rett i et konsoll, med tilgang til den viste sidens DOM
• Detaljerte Javascript-feilmeldinger
• Javascript-debugger

Last ned/installer Firebug.

HTML Validator

Legger til et ikon nede i høyre hjørne som indikerer om siden har advarsler, feil eller om den er gyldig, ifølge den angitte DTDen. Legger også til et panel i "Se kildekode"-valget som viser eventuelle advarsler og feil. I tillegg kan man dobbeltklikke ikonet for å få opp kildekoden, veldig kjekt.

Last ned/installer HTML Validator

ColorZilla

Legger til en "Eyedropper" nede i venstre hjørnet som lar deg velge RGB-fargen til en vilkårlig piksel i nettleseren og mer.

Last ned/installer ColorZilla.

Link checker

En hendig liten sak som sjekker alle linkene på en gitt side og fargekoder dem etter som om de fungerer (serveren svarer med 2XX) eller ikke.

Last ned/installer Link checker.

Pearl Crescent page saver

Legger til et kameraikon oppe i høyre hjørne. Med dette tillegget kan du ta skjermskudd av den synlige delen av en nettside, eller hele nettsiden. Dette kan være ekstremt nyttig til presentasjoner eller lignende, og mens man jobber med nye design osv.

Last ned/installer Pearl Crescent page saver.

Dust me

Jeg oppdaget nylig dette gullkornet av en utvidelse. Dette er en utvidelse som leser alle CSS-velgere (selectors) på en side og sjekker hvorvidt de er i bruk. Den har også et minne som kan brukes på tvers av en prototype for eksempel. Til slutt kan du ta ut en rapport over ubrukte velgere og rydde i stilsettene dine. Veldig nyttig!

Last ned/installer Dust Me

FireFTP

En fullverdig FTP-klient rett i Firefox (aksesseres gjennom Tools -> FireFTP).

Last ned/installer FireFTP.

Foxy Tunes

Tillegget for musikkelskere legger til kontroller nede i statuslinjen for å kontrollere din mediaspiller.

Last ned/installer Foxy Tunes.

Adblock Plus

Lei av reklame? Dette er tillegget for deg. Bare høyreklikk, Adblock, og reklame fra en gitt server, en gitt mappe på en server eller lignende er borte for alltid.

Last ned/installer Adblock Plus.

Operator

Umiddelbar liste over tilgjengelige mikroformater på en side, og eksportmuligheter for data kodet med mikroformater. Fungerer også som validator for mikroformater.

Last ned/installer Operator

Jeg kunne ikke klart meg uten de fleste av disse. Hvilke har jeg gått glipp av? Hva er dine favorittillegg til Firefox?

Tweet this

Kommentarer

1. Christian

   5. oktober, 11:02

   
   Jeg glemte YSlow. YSlow er et tillegg til Firebug som kan hjelpe deg å identifisere hvorfor en side laster seint.
   
   Den inneholder også en patch som retter opp en feil i nettverkstrafikkmonitoren i Firebug.
   
   http://developer.yahoo.com/yslow/

2. Marius Vikene

   5. oktober, 23:49

   
   Veldig nyttig gjennomgang
   
   For meg er helt klart Web Developer den mest brukte og nyttigste utvidelsen, men Foxy Tunes gir mer raskere tilgang til konsentrasjons-metalen og det er også veldig nyttig :)
   
   Et par av disse utvidelene var nye for meg, bl.a Dust me, som soleklart installeres på maskina så snart jeg er tilbake på jobb.

3. Christian

   6. oktober, 01:28

   
   Ja, Dust Me var ny for meg også, men jeg ser helt klart at den kommer til å bli mye brukt. Kommer nok til å få ryddet en del med denne i hus.

4. Martin Berglund

   (http://macbruker.com)

   6. oktober, 11:35

   
   Dust Me kan helt klart være nyttig, men den er til tider også misvisende i den forstand at den kun forholder seg til siden du er på. Alle IDer, klasser og annen CSS som ikke er relevant for den aktuelle siden bli vist som inaktiv, slik jeg har forstått det.

5. Christian

   6. oktober, 13:01

   
   Men du kan også sette den på Automation -> Run on page load, så vil den fortsette å spare på informasjonen på tvers av sider. Har du for eksempel en prototype kan du klikke deg gjennom hele og få en fullstendig rapport.

6. Martin Berglund

   (http://macbruker.com)

   7. oktober, 23:05

   
   Da blir den kanskje hakket mer nyttig ja ;) Takk for tipset.

7. Marius Vikene

   2. januar, 11:16

   
   Jeg fant nylig utvidelsen "IE tab" og har såvidt testet denne, men ikke nok til å kunne konkludere: https://addons.mozilla.org/en-US/firefox/addon/1419

8. Christian

   3. januar, 08:27

   
   Jeg har testa den litt. Mange er veldig fornøyd med den, men jeg syns det er like greit å kjøre IE ved siden av når jeg har behov for å teste med den.
   
   Har bortimot aldri problemer med sider som kun fungerer i IE (dvs som ikke fungerer i det hele tatt i Firefox).

9. Miu Miu Pas Cher

   (http://www.miumiupascher.com)

   12. mars, 02:50

   
   Tours est une ville française située dans le domaine de la Vallée de la Loire, entourée par <a href="http://www.miumiupascher.com"title="Miu Miu Pas Cher">Miu Miu Pas Cher</a>
   la rivière Cher et la Loire, à environ 65 miles de Miles-Orléans et 125 au sud-ouest de Paris.<a href="http://www.miumiupascher.com/6-miu-miu-2011"title="Miu Miu 2011">Miu Miu 2011</a>
   Cette ville est la capitale des Français département de l'Indre et Loire.