Rediger kode direkte i browseren med Firebug

by Wordpress Themes

Firebug logo

Firebug er et Firefox plugin, som lader dig redigere en sides kode direkte i browseren.

Artiklen om Firebug er en del af WordPress Themes dks artikelserie om webmaster værktøjer.

Download Firebug
Læs mere på den officielle Firebug hjemmeside

Det lyder måske ikke af så meget, men det er helt utrolig nyttigt, hvis der er et problem med siden, eller når du er ved at lave ændringer.

Derudover er det også praktisk, hvis du gerne vil vide hvordan en del af en anden hjemmeside er lavet. Med Firebug kan du se koden for et bestemt element, som du holder markøren over, og dermed undgå at skulle endevende en rodet CSS fil for at finde en stump kode.

Firebug er et uundværligt værktøj for webmastere

Firebug Net Monitor – Se hvorfor din hjemmeside er langsom

Udover at gennemse og ændre koden viser Firebug dig også en oversigt over hvor hurtigt (eller langsomt) de forskellige dele af en side bliver hentet.

Det er utrolig nyttigt, hvis du har problemer med at din side er langsom, da du slipper for at skulle teste alle de forskellige elementer, og i stedet kan gå direkte til problemet.

Nedenfor er et eksempel på et status skærm fra Firebug Net Monitor.

Firebug net monitor lader dig se hvorfor din hjemmeside er langsom

Praktisk information om Firebug

En af de ting, som jeg virkelig ikke bryder mig om ved de fleste advancerede Firefox plugins er, at de optager alt for meget plads i ens browservindue. Firebug brillierer ved stort at være næsten usynlig når det ikke er i brug – dets ikon er gemt nede i nederste højre hjørne af browseren

Firebug ikon

Og først efter man aktivere Firebug kommer et vindue frem, hvor du kan inspicere og ændre koden (se billede nedenfor).

Firebug demonstration

Download Firebug nu

{ 1 comment… read it below or add one }

mads 25. september 2009 kl. 17:04

hej jeg elsker firebug

Leave a Comment