Slik viser HTML i Firebug

Firebug er en plugin for Mozilla Firefox. Med Firebug aktivert, kan brukeren holde musepekeren over et element på en webside med sin mus og lese den underliggende koden. Firebug viser flere typer kode, inkludert Document Object Model, CSS, Javascript og HTML. Med denne informasjonen, kan brukerne vise koden for å utdanne seg på hva tegnene utgjør dette elementet, eller kopiere den til bruk på sine egne nettsider.

Bruksanvisning

1 Naviger til websiden du ønsker å inspisere med Firebug plugin.

2 Klikk på Firebug plugin-ikonet nederst midten av nettleseren. Det ser ut som en seksbente insekt med to antenner og en oransje og svart skall. Dette vil åpne et nytt panel i bunnen av nettleseren. Du kan også velge det fra Firefox Verktøy-menyen.

3 Velg "HTML" -kategorien, plassert øverst til venstre i det nye panelet. Det ligger mellom "Console" og "CSS" tabs. Dette vil vise alle HTML-egenskaper på siden. Avhengig av kompleksiteten på siden, kan Firebug vise en rekke elementer som vil kreve en god del for å bla gjennom.

4 Velg et bestemt element for å inspisere. Klikk på den blå pilen knappen øverst til venstre i Firebug panel. Hold musen over et stykke tekst eller et bilde på siden for å vise HTML-koden for elementet i Firebug panel.

5 Lukk Firebug når du er ferdig. Klikk på Firebug-ikonet, og un-sjekk "Åpne Firebug" kommandoen. Dette vil lukke panelet og lar deg gå tilbake til normal visning.

Hint

• Ved å klikke på pil ned på fanen HTML viser en rullegardinvindu med flere alternativer for synlighet, inkludert "Show Full Text", "Show White Space", "Vis Kommentarer" og "Show Basic virksomhet." Siden hver side er forskjellige, kan noen av disse alternativene ikke er relevant, spesielt hvis de ikke er til stede i koden.