Hur man inspekterar element i Chrome: 7 steg (med bilder)

Innehållsförteckning:

Hur man inspekterar element i Chrome: 7 steg (med bilder)
Hur man inspekterar element i Chrome: 7 steg (med bilder)

Video: Hur man inspekterar element i Chrome: 7 steg (med bilder)

Video: Hur man inspekterar element i Chrome: 7 steg (med bilder)
Video: Easy way to select hair - Short Photoshop Tutorial 2024, Maj
Anonim

Denna wikiHow lär dig hur du inspekterar HTML -källkoden för ett visuellt element på alla webbsidor 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å din dator

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

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

Steg 2. Klicka på ikonen med tre vertikala prickar

Den här knappen finns bredvid adressfältet i det övre högra hörnet av webbläsarfönstret. Det kommer att öppna en rullgardinsmeny.

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

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

En undermeny dyker upp.

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

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

Detta öppnar inspektörskolumnen till höger i webbläsarfönstret.

Alternativt kan du öppna inspektören med en kortkommando. Denna genväg är ⌥ Alternativ+⌘ Cmd+I på Mac och Ctrl+Alt+I på Windows

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

Steg 5. Håll muspekaren över ett element i kolumnen Inspektör

Om du flyttar musen till ett element eller en rad i Inspector markeras det valda elementet på webbsidan.

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

Steg 6. Högerklicka på ett element som du vill granska på en webbsida

Din högerklick-meny dyker upp i en listruta.

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

Steg 7. Välj Inspektera på rullgardinsmenyn

Detta rullar inspektörskolumnen upp eller ner till det valda elementet och markerar dess källkod.

Du behöver inte manuellt öppna kolumnen Inspektör för att göra detta. Väljer Inspektera på högerklick-menyn öppnas inspektören automatiskt.

Rekommenderad: