Slik kontrollerer du websideelementer i Chrome: 7 trinn

Innholdsfortegnelse:

Slik kontrollerer du websideelementer i Chrome: 7 trinn
Slik kontrollerer du websideelementer i Chrome: 7 trinn

Video: Slik kontrollerer du websideelementer i Chrome: 7 trinn

Video: Slik kontrollerer du websideelementer i Chrome: 7 trinn
Video: ТАКОВ МОЙ ПУТЬ В L4D2 2024, Kan
Anonim

Denne wikiHow lærer deg hvordan du undersøker HTML -kildekoden til en websides visuelle elementer i Google Chrome ved hjelp av en datamaskin.

Steg

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 fargerik ball med en blå prikk i midten. Du finner dette ikonet i "Programmer" -mappen på en Mac -datamaskin eller "Start" -menyen på en Windows -datamaskin.

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

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

Det er ved siden av adresselinjen, i øvre høyre hjørne av nettleservinduet. Etter det vil en rullegardinmeny vises.

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

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

Etter det vil undermenyen vises.

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

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

En inspeksjonskolonne vises på høyre side av nettleservinduet.

Alternativt kan du åpne inspeksjonsvinduet med en hurtigtast. Trykk Alternativ+⌘ Cmd+I på Mac -datamaskiner og Ctrl+Alt+I på Windows -datamaskiner

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

Trinn 5. Hold markøren over et element i inspeksjonskolonnen

Når markøren holdes over et element eller en linje i inspeksjonsvinduet, blir det tilsvarende elementet merket på websiden.

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

Trinn 6. Høyreklikk på elementet du vil inspisere på nettsiden

Høyreklikk-menyen vises i rullegardinboksen.

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

Trinn 7. Velg Inspiser på rullegardinmenyen

Etter det vil inspeksjonskolonnen flyttes opp eller ned til elementet. Kildekoden til elementet blir flagget.

Du trenger ikke å åpne inspeksjonsfeltet manuelt. Velg " Undersøke ”På høyreklikkmenyen for å åpne inspeksjonskolonnen automatisk.

Anbefalt: