Hvordan inspisere nettelementer med nettleseren din

Nettsteder er laget av kodelinjer, men resultatene er sider med bilder, videoer, skrifttyper og andre funksjoner. For å endre et av elementene eller se hva det består av, finn kodelinjen som styrer den. For å gjøre det, bruk et elementinspeksjonsverktøy. Du trenger ikke å laste ned et inspeksjonsverktøy eller installere et tillegg for din favorittnettleser. Høyreklikk i stedet på sideelementet, og velg deretter Undersøke or Inspisér element. Hvordan du får tilgang til dette verktøyet, varierer imidlertid etter nettleser.

Denne artikkelen bruker høyreklikk for å referere til musenhetens handling på en Windows-PC så vel som Control + click-handlingen på en Mac.

Inspiser elementer i Google Chrome

I Google Chrome er det to måter å inspisere en webside ved hjelp av nettleserens innebygde Chrome DevTools:

• Høyreklikk på et element på siden eller i et tomt område, og velg deretter Undersøke.
• Gå til Chrome menyen, og velg deretter Flere verktøy > Utviklerverktøy.

Bruk Chrome DevTools til å kopiere eller redigere HTML-koden (Hypertext Markup Language) og til å skjule eller slette elementer til siden lastes inn på nytt.

Når Chrome DevTools åpnes på siden av siden, endrer du posisjonen, spretter den ut av siden, søker etter sidefiler, velger elementer fra siden for å se nærmere på dem, kopierer filer og URL-er, og tilpasser innstillingene.

Inspiser elementer i Mozilla Firefox

Mozilla Firefox har to måter å åpne inspeksjonsverktøyet på, kalt Inspector:

• Høyreklikk på et element på websiden, og velg deretter Inspisér element.
• Velg Firefox-menylinjen verktøy > Web Developer > Inspektør.

Når du flytter pekeren over elementene i Firefox, finner Inspector automatisk elementets kildekodeinformasjon. Når du velger et element, stopper on-the-fly-søket, og du kan undersøke elementet fra inspektørvinduet.

Høyreklikk på et element for å finne de støttede kontrollene. Bruk kontrollene til å redigere siden som HTML-markering, kopiere eller lime inn indre eller ytre HTML-markering, vise DOM-egenskaper (Document Object Model), ta et skjermbilde av eller slette noden, bruke nye attributter, se Cascading Style Sheets (CSS) , og mer.

Inspiser elementer i Safari

Det er et par måter å undersøke webelementer i Safari:

• Høyreklikk på et hvilket som helst element eller mellomrom på en webside, og velg deretter Inspisér element.
• Gå til Utvikle menyen, og velg deretter Vis webinspektør.

Hvis du ikke ser Develop-menyen, går du til Safari meny og velg Preferanser. På Avansert Kategorien, velg Vis Utvikle-menyen i menylinjen avkrysningsruten.

Velg individuelle elementer på websiden for å se markeringen viet til den delen.

Inspiser elementer i Internet Explorer

Et lignende inspeksjonselementverktøy, som er tilgjengelig ved å aktivere utviklerverktøyene, er tilgjengelig i Internet Explorer. Trykk på for å aktivere utviklerverktøy F12. Eller gå til verktøy meny og velg Utviklerverktøy.

Trykk på for å vise Verktøy-menyen Alt + X.

For å inspisere elementer på en webside, høyreklikk siden og velg deretter Inspisér element. Velg et hvilken som helst sideelement for å se HTML- eller CSS-markeringen fra Internet Explorer-elementelementverktøyet. Du kan også deaktivere eller aktivere elementutheving mens du surfer gjennom DOM Explorer.

Som de andre elementinspektørverktøyene, bruk Internet Explorer til å klippe, kopiere og lime inn elementer, samt redigere HTML-markeringen, legge til attributter, kopiere elementer med stiler vedlagt og mer.

Inspiser elementer i Microsoft Edge

Før du kan inspisere elementer i Microsoft Edge, må du aktivere inspeksjon. Det er to måter å aktivere inspeksjon på:

• Gå til adresselinjen og skriv inn om: flagg. I dialogboksen velger du Vis Vis kilde og inspiser element i hurtigmenyen avkrysningsruten.
• Press F12, velg deretter DOM Explorer.

For å inspisere et element, høyreklikk et element på en webside og velg deretter Inspisér element.