Så här kontrollerar du webbsidans element i Chrome: 7 steg

Innehållsförteckning:

Så här kontrollerar du webbsidans element i Chrome: 7 steg
Så här kontrollerar du webbsidans element i Chrome: 7 steg

Video: Så här kontrollerar du webbsidans element i Chrome: 7 steg

Video: Så här kontrollerar du webbsidans element i Chrome: 7 steg
Video: WARNING: Don't trust Incognito or Private Browsing! 2024, Maj
Anonim

Denna wikiHow lär dig hur du undersöker HTML -källkoden för en webbsides visuella element i Google Chrome med hjälp av en dator.

Steg

Inspektera element i Chrome Steg 1
Inspektera element i Chrome Steg 1

Steg 1. Öppna Google Chrome på datorn

Chrome -ikonen ser ut som en färgstark boll med en blå prick i mitten. Du hittar den här ikonen i mappen "Program" på en Mac -dator eller "Start" -menyn på en Windows -dator.

Inspektera element i Chrome Steg 2
Inspektera element i Chrome Steg 2

Steg 2. Klicka på ikonen med tre vertikala prickar

Det ligger bredvid adressfältet, i det övre högra hörnet av webbläsarfönstret. Efter det kommer en rullgardinsmeny att visas.

Inspektera element i Chrome Steg 3
Inspektera element i Chrome Steg 3

Steg 3. Håll muspekaren över Fler verktyg i rullgardinsmenyn

Därefter visas undermenyn.

Inspektera element i Chrome Steg 4
Inspektera element i Chrome Steg 4

Steg 4. Klicka på Utvecklarverktyg på undermenyn”Fler verktyg”

En inspektionskolumn visas till höger i webbläsarfönstret.

Alternativt kan du öppna inspektionsfönstret med en kortkommando. Tryck på Alternativ+⌘ Cmd+I på Mac -datorer och Ctrl+Alt+I på Windows -datorer

Inspektera element i Chrome Steg 5
Inspektera element i Chrome Steg 5

Steg 5. Håll muspekaren över ett element i inspektionskolumnen

När markören hålls över ett element eller en rad i inspektionsfönstret kommer motsvarande element att markeras på webbsidan.

Inspektera element i Chrome Steg 6
Inspektera element i Chrome Steg 6

Steg 6. Högerklicka på det element du vill granska på webbsidan

Högerklick-menyn visas i listrutan.

Inspektera element i Chrome Steg 7
Inspektera element i Chrome Steg 7

Steg 7. Välj Inspektera på rullgardinsmenyn

Efter det kommer inspektionskolumnen att flyttas uppåt eller nedåt till det elementet. Elementets källkod flaggas.

Du behöver inte öppna inspektionsfältet manuellt. Välj " Inspektera ”På högerklick-menyn för att öppna inspektionskolumnen automatiskt.

Rekommenderad: