Firebug webudviklerværktøj

Det er en pakke med hjælpeprogrammer, som du kan analysere og teste indlæsningshastighed i henhold til hver komponent, fil, vi kan også redigere, overvåge og fejlsøge kildekoden, CSS, HTML og Javascript på en webside med det samme og i realtid observere ændringer på nettet. Det tjener også til at analysere adfærden for en variabel eller url med parametre, være i stand til at se, hvilke parametre der sendes, og hvad serveren reagerer.
Nogle af de funktioner, det bringer Firebug:

• Realtid HTML-redigering.
• Redigering i realtid af CSS.
• Javascript-redigering i realtid.
• CSS layout.
• Javascript debugger.
• Integreret søgemaskine.
• Overvågning af netværksaktivitet.
• DOM Explorer.
• Fejlbehandler i Javascript, CSS og XML

Vi starter med at downloade og installere pluginet Firebug:
[color = # 2f4f4f] Download Firebug [/ color]

Fra Mozilla-tilføjelseswebstedet får vi adgang til og installerer tilføjelsen
Når Firebug er installeret og Firefox genstartet, kan vi hurtigt få adgang til Firebug ved at højreklikke på den skærm på internettet, som vi vil arbejde på eller fra værktøjsmenuen
Vi tager nettet i eksemplet forenede nationer http://www.un.org/en/, vi laver en højre lic på skærmen, og en skærm med Firebug åbnes.

FORSTØRRE

I dette tilfælde ser vi på netværksfanen vægten i kb, og i hvilken rækkefølge browseren har gengivet elementerne, og hvor lang tid det tog hvert element at blive vist, er det interessant at bemærke, at af de 6,61 sekunder det tager siden at render, to sekunder svarer til et enkelt billede, som er sproglinjen, så kunne vi tænke, om det kan optimeres.
På fanen HTML og CSS kan vi pege på en blok af strukturen, og den viser os koden.

FORSTØRRE

Her peger vi for eksempel på den øverste banner div, der svarer til id #topbanner i filen style.css. Hvis vi klikker på css -koden, kan vi ændre den, og dette vil blive afspejlet midlertidigt på nettet. Konsolfanen er den, der giver os mulighed for at se og overvåge javascript -påkaldelser og fejl i tilfælde af fejl. I tilfælde af fejl viser den filerne og nummeret på kodelinjen, hvor fejlen opstår.

FORSTØRRE

Firebug hjælper os med hurtigt at finde DOM -objekter og derefter redigere dem i farten. Tillader udførelse af DOM -inspektion.
Det Dokumentobjektmodel eller DOM ('Dokumentobjektmodel' eller 'Objektmodel til dokumentrepræsentation') det er i det væsentlige en applikationsprogrammeringsgrænseflade, der giver et standardsæt med objekter til gengivelse af HTML- og XML -dokumenter.