✅ Firebug Web Developer Tool

Innehållsförteckning

Det är ett paket med verktyg som du kan analysera och testa laddningshastighet enligt varje komponent, fil, vi kan också redigera, övervaka och felsöka källkoden, CSS, HTML och Javascript på en webbsida direkt och i realtid observera förändringar på webben. Det tjänar också till att analysera beteendet hos en variabel eller url med parametrar, att kunna se vilka parametrar som skickas och vad servern svarar.
Några av de funktioner det ger Pyroman:

HTML-redigering i realtid.
Redigering i realtid av CSS.
Javascript-redigering i realtid.
CSS -layout.
Javascript -felsökning.
Integrerad sökmotor.
Övervakning av nätverksaktivitet.
DOM Explorer.
Felhanterare i Javascript, CSS och XML

Vi börjar med att ladda ner och installera pluginet Pyroman:
[color = # 2f4f4f] Ladda ner Firebug [/ color]

Från Mozilla-tilläggets webbplats får vi tillgång till och installera tillägget
När Firebug har installerats och Firefox startats om kan vi snabbt komma åt Firebug genom att högerklicka på webbsidan som vi vill arbeta med eller från verktygsmenyn
Vi tar webben i exemplet united Nations http://www.un.org/en/, vi gör rätt lic på skärmen och en skärm med Firebug öppnas.

FÖRSTORA

I det här fallet, på nätverksfliken ser vi vikten i kb och i vilken sekvens webbläsaren har gjort elementen och hur lång tid det tog för varje element att visas, är det intressant att notera att av de 6,61 sekunder som det tar sidan att render, två sekunder motsvarar en enda bild, vilket är språkfältet, då kan vi tänka om det kan optimeras.
På fliken HTML och CSS kan vi peka på ett block av strukturen och det kommer att visa oss koden.

FÖRSTORA

Här pekar vi till exempel på den översta banner div som motsvarar id #topbanner i filen style.css. Om vi klickar på css -koden kan vi ändra den och detta kommer att återspeglas på webben tillfälligt. Konsolfliken är den som gör att vi kan se och övervaka javascript -anrop och fel vid fel. I händelse av fel kommer det att visa filerna och numret på kodraden där felet uppstår.

FÖRSTORA

Pyroman hjälper oss att snabbt hitta DOM -objekt och sedan redigera dem direkt. Gör det möjligt att utföra DOM -inspektion.
De Dokumentobjektmodell eller DOM ('Dokumentobjektmodell' eller 'Objektmodell för dokumentrepresentation') det är i huvudsak ett applikationsprogrammeringsgränssnitt som tillhandahåller en standard uppsättning objekt för återgivning av HTML- och XML -dokument.