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

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.

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.

Steg 3. Håll muspekaren över Fler verktyg i rullgardinsmenyn
Därefter visas undermenyn.

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

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.

Steg 6. Högerklicka på det element du vill granska på webbsidan
Högerklick-menyn visas i listrutan.

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.