Inspektera ett element i chrome

I den här artikeln kommer du att lära dig hur du inspekterar HTML-koden för ett synligt element på en sida i Google Chrome på din dator.

Steg

Bild med titeln Inspect Element on Chrome Steg 1
1. Öppna Google Chrome på din dator. Chromes ikon ser ut som en färgad boll med en blå prick i mitten. Du hittar den i mappen Program på en Mac eller under Windows Start-menyn.
Bild med titeln Inspect Element on Chrome Steg 2
2. Klicka på ikonen med de tre vertikala prickarna. Det är knappen bredvid adressfältet, i det övre högra hörnet av ditt fönster. Nu öppnas en rullgardinsmeny.
Bild med titeln Inspect Element on Chrome Steg 3
3. Håll pilen uppeFler verktyg i rullgardinsmenyn. En undermeny kommer nu att öppnas.
Bild med titeln Inspect Element on Chrome Steg 4
4. Klicka påUtvecklarverktyg i undermenyn. En "inspektionskolumn" kommer att visas på höger sida av skärmen.
Du kan också komma åt den här kolumnen med en genväg på tangentbordet. Genvägen är ⌥ Alternativ+⌘ cmd+jag på en Mac och Ctrl+alt+jag i Windows.
Bild med titeln Inspect Element on Chrome Steg 5
5. Håll pilen över ett element i inspektionskolumnen. Om du går till ett element eller en rad i kolumnen med din pil, visas det valda elementet på webbsidan i färg.
Bild med titeln Inspect Element on Chrome Steg 6
6. Högerklicka på ett element som du vill inspektera. En rullgardinsmeny öppnas då.
Bild med titeln Inspect Element on Chrome Steg 7
7. VäljInspektera i rullgardinsmenyn. Inspektionskolumnen rullar upp eller ner till det valda elementet och källkoden visas i färg.
Du behöver inte öppna inspektionskolumnen manuellt först. Om du väljer `Inspektera` i rullgardinsmenyn öppnas kolumnen Inspektion automatiskt.

Оцените, пожалуйста статью