Slik inspiserer du element i Chrome: 7 trinn (med bilder)

Innholdsfortegnelse:

Slik inspiserer du element i Chrome: 7 trinn (med bilder)
Slik inspiserer du element i Chrome: 7 trinn (med bilder)

Video: Slik inspiserer du element i Chrome: 7 trinn (med bilder)

Video: Slik inspiserer du element i Chrome: 7 trinn (med bilder)
Video: Easy way to select hair - Short Photoshop Tutorial 2024, April
Anonim

Denne wikiHow lærer deg hvordan du inspiserer HTML -kildekoden til et visuelt element på en hvilken som helst nettside i Google Chrome, ved hjelp av en datamaskin.

Trinn

Inspiser Element på Chrome Trinn 1
Inspiser Element på Chrome Trinn 1

Trinn 1. Åpne Google Chrome på datamaskinen

Chrome -ikonet ser ut som en farget ball med en blå prikk i midten. Du finner den i mappen Programmer på en Mac, eller på Start -menyen på Windows.

Inspiser Element på Chrome Trinn 2
Inspiser Element på Chrome Trinn 2

Trinn 2. Klikk på ikonet for de tre vertikale prikkene

Denne knappen ligger ved siden av adresselinjen øverst til høyre i nettleservinduet. Det vil åpne en rullegardinmeny.

Inspiser Element på Chrome Trinn 3
Inspiser Element på Chrome Trinn 3

Trinn 3. Hold markøren over Flere verktøy på rullegardinmenyen

En undermeny vil dukke opp.

Inspiser Element på Chrome Trinn 4
Inspiser Element på Chrome Trinn 4

Trinn 4. Klikk på Utviklerverktøy på undermenyen Flere verktøy

Dette åpner Inspector-kolonnen på høyre side av nettleservinduet.

Alternativt kan du åpne inspektøren med en hurtigtast. Denne snarveien er ⌥ Alternativ+⌘ Cmd+I på Mac, og Ctrl+Alt+I på Windows

Inspiser Element på Chrome Trinn 5
Inspiser Element på Chrome Trinn 5

Trinn 5. Hold markøren over et element i kolonnen Inspektør

Hvis du flytter musen til et element eller en linje i Inspector, markeres det valgte elementet på websiden.

Inspiser Element på Chrome Trinn 6
Inspiser Element på Chrome Trinn 6

Trinn 6. Høyreklikk på et element du vil inspisere på en hvilken som helst webside

Høyreklikk-menyen dukker opp i en nedtrekksboks.

Inspiser Element på Chrome Trinn 7
Inspiser Element på Chrome Trinn 7

Trinn 7. Velg Inspiser på rullegardinmenyen

Dette vil bla Inspektør -kolonnen opp eller ned til det valgte elementet, og markere kildekoden.

Du trenger ikke å åpne Inspector -kolonnen manuelt for å gjøre dette. Velge Undersøke på høyreklikk-menyen åpner inspektøren automatisk.

Anbefalt: