Slik leser Firebug Net

Firebug er en gratis plug-in for nettleseren Mozilla Firefox. Den har mange nyttige verktøy for webutviklere, inkludert Net panel, som viser statistikk om hva Hypertext Transfer Protocol (HTTP) ber om en side gjør. Det er sju typer HTTP-forespørsler som Firebug netto rapporter på. Denne informasjonen kan vise deg de avhengigheter for en side du har lastet. Å kunne tolke rapporter om Firebug netto hjelper deg bruke Firebug mer effektivt og avdekke hvordan en webside som fungerer.

Bruksanvisning

1 Last ned og installer Mozilla Firefox (se Ressurser). Gjør det samme for Firebug plugin.

2 Åpne Mozilla Firefox. Klikk på bug-ikonet helt til høyre i søkevinduet. Dette åpner Firebug panelet under vinduet betrakteren.

3 Klikk på rullegardinmenyen knappen ved siden av bug-ikonet. Velg "Enable Alle Panels" for å aktivere Net funksjonen. Alternativt kan du klikke på pil ned ved siden av "Console" i Firebug panel og sjekk-mark "Net".

4 Velg et filter alternativ. De filteralternativer er Alle, HTML, CSS, JS, XHR, bilder, Flash og Media. Hver av disse filtrene indikerer en filtype. For eksempel, hvis du velger CSS, så Firebut Net rapporterer eventuelle anmodninger fra siden for en fil som ender med Css filformat.

5 Åpne en nettside. Netto produserer en rapport om alle forespørsler til alternative filer foruten selve siden. Hver rapport begynner med ordet "GET", som betyr at siden du lastet prøvde å få filen. Det følger med navnet på filen og dens URL, og deretter navnet på domenet som respons ble gjort, da størrelsen på respons (vanligvis i kilobyte), og til slutt lastetiden i et grafisk display. Jo lengre lastetiden visuelle, jo lenger det tok å laste ned filen på siden.

Hint

  • Bruk Firebug Net for å vurdere den tiden det tar å laste ulike forespørsler fra et nettsted du utvikler. Hvis en webside lastes sakte, kan du bruke nettet til å se om noen forespørsler på siden gjør er å bremse den ned.