Hva gjør Firebug Gjør for Firefox?

Firebug er en åpen kildekode webutvikling utvidelse for Mozilla Firefox nettleser. Designet av Joe Hewitt, en på de opprinnelige Firefox utviklere, er Firebug et uvurderlig hjelpemiddel for webutviklere og tilbyr et bredt utvalg av verktøy for å hjelpe når du designer websider og feilsøking. Firebug Working Group kontrollerer nå Firebug, og utgir regelmessige oppdateringer og forbedringer.

Hva er Firebug?

Firebug er en Firefox-plugin som legger til en rekke nyttige verktøy til nettleseren for redigering og feilsøking HTML, CSS og Javascript i sanntid og rapportering på resultatene av websiden. For eksempel bruker nettet fanen kan du se hver Web forespørsel gjort av siden for å laste helt. Firebug viser hver forespørsel i detalj, sammen med størrelsen og den tid det tar for forespørsel om å fullføre. Dette hjelper deg å finne noen flaskehalser som er egnet for optimalisering, og forbedre nettstedets lasting tid. Du kan også se hvilke filer leseren henter fra bufferen, og hvilke filer som er lastet fra serveren din med hver side forespørsel.

HTML funksjoner

Når en nettside er lastet med Firebug panelet åpent, viser Firebug HTML-kildekoden for siden i en trestruktur, slik at du kan utvide og kollaps områder for å se spesifikk kode. Når du beveger musepekeren over HTML-kildekoden, understreker Firebug de tilsvarende områder på websiden. En real-time HTML editor lar deg redigere HTML-kildekoden for en webside og se effekten av endringene vises umiddelbart i nettleservinduet. Dette gjør debugging HTML-oppsett enklere, som du kan endre piksel målinger leve, for eksempel med resultatene vises umiddelbart.

CSS funksjoner

Når du velger et HTML-element i HTML-kilden visning, viser Firebug automatisk alle CSS-stiler som gjelder for dette elementet, inkludert de som er rettet mot objektet spesifikt, og stiler som påvirker element gjennom en generell regel. Som flere CSS-filer kan lastes inn i en webside, aggregater Firebug stiler fra hvert ark før visning stiler som gjelder for det valgte elementet. Du kan redigere stil attributter i sanntid med resultatene vist leve i nettleservinduet, og deaktivere stiler eller attributter om nødvendig. Dette gjør at du raskt spore opp noen modell forårsaker visningsproblemer, og endre sine egenskaper til du får ønsket effekt.

Javascript funksjoner

Javascript-konsollen i Firebug brukes til å feilsøke eventuelle skript som er inkludert på siden din. Firebug samler inn en liste alle skript på siden, enten internt eller eksternt, slik at du raskt kan finne og hoppe mellom deler av Javascript-kode. Javascript på siden, kan bli stanset manuelt, eller ved bruk av tilpassede stoppunkter, som avbryter koden når henrettelsen når et visst punkt. Du kan deretter gå gjennom koden linje for linje, med effekten av koden vises live, slik at du kan se ruten tatt gjennom strukturen i programmet. Du kan også se innholdet i kode variabler som koden er utførende, for å sjekke at koden oppfører seg slik du hadde tenkt. Javascript-kode kan skrives direkte inn i konsollen og henrettet, slik at du kan lage engangs interaksjoner med dine skript for debugging.