Firebug Web Developer Tool

Det er en pakke med verktøy som du kan analysere og teste lastehastighet i henhold til hver komponent, fil, vi kan også redigere, overvåke og feilsøke kildekoden, CSS, HTML og Javascript av en webside umiddelbart og i sanntid observere endringer på internett. Det tjener også til å analysere oppførselen til en variabel eller url med parametere, å kunne se hvilke parametere som sendes og hva serveren reagerer.
Noen av funksjonene det bringer Firebug:

• Sanntids HTML-redigering.
• Redigering i sanntid i CSS.
• Javascript sanntidsredigering.
• CSS -oppsett.
• Javascript debugger.
• Integrert søkemotor.
• Overvåking av nettverksaktivitet.
• DOM Explorer.
• Feilbehandler i Javascript, CSS og XML

Vi starter med å laste ned og installere programtillegget Firebug:
[color = # 2f4f4f] Last ned Firebug [/ color]

Fra nettstedet Mozilla addons får vi tilgang til og installering av tillegget
Når Firebug er installert og Firefox startet på nytt, kan vi raskt få tilgang til Firebug ved å høyreklikke på skjermen på nettet som vi vil jobbe med eller fra verktøymemenyen
Vi tar nettet av eksempelet United States http://www.un.org/en/, vi lager en rett lis på skjermen og en skjerm med Firebug åpnes.

FORSTØRRE

I dette tilfellet ser vi i nettverksfanen vekten i kb og i hvilken rekkefølge nettleseren har gjengitt elementene og hvor lang tid det tok hvert element å bli vist, er det interessant å merke seg at av de 6,61 sekundene det tar siden å gjengi, to sekunder tilsvarer ett enkelt bilde, som er språkfeltet, så kan vi tenke om det kan optimaliseres.
I kategorien HTML og CSS kan vi peke på en blokk av strukturen, og den vil vise oss koden.

FORSTØRRE

Her peker vi for eksempel på den øverste banner div som tilsvarer id #topbanner i filen style.css. Hvis vi klikker på css -koden, kan vi endre den, og dette vil bli reflektert på nettet midlertidig. Konsollfanen er den som lar oss se og overvåke påkallelser og feil ved javascript i tilfelle feil. I tilfelle feil, vil det vise filene og nummeret på kodelinjen der feilen oppstår.

FORSTØRRE

Firebug hjelper oss med å finne DOM -objekter raskt og deretter redigere dem i farten. Gjør det mulig å utføre DOM -inspeksjon.
De Dokumentobjektmodell eller DOM ('Dokumentobjektmodell' eller 'Objektmodell for dokumentrepresentasjon') det er egentlig et programprogrammeringsgrensesnitt som gir et standard sett med objekter for gjengivelse av HTML- og XML -dokumenter.