Undersøg et element i chrome

I denne artikel lærer du, hvordan du inspicerer HTML-koden for et synligt element på en side i Google Chrome på din computer.

Trin

Billede med titlen Inspect Element on Chrome Trin 1
1. Åbn Google Chrome på din computer. Chromes ikon ligner en farvet kugle med en blå prik i midten. Du kan finde den i mappen Programmer på en Mac eller under Windows Start-menuen.
Billede med titlen Inspect Element on Chrome Trin 2
2. Klik på ikonet med de tre lodrette prikker. Det er knappen ved siden af ​​adresselinjen i øverste højre hjørne af dit vindue. Nu åbnes en rullemenu.
Billede med titlen Inspect Element on Chrome Trin 3
3. Hold din pil oppeFlere værktøjer i rullemenuen. En undermenu vil nu udfolde sig.
Billede med titlen Inspect Element on Chrome Trin 4
4. Klik påUdvikler værktøjer i undermenuen. En `inspektionskolonne` vises i højre side af din skærm.
Du kan også få adgang til denne kolonne ved hjælp af en genvej på dit tastatur. Genvejen er ⌥ Mulighed+⌘ cmd+jeg på en Mac, og Ctrl+alt+jeg i Windows.
Billede med titlen Inspect Element on Chrome Trin 5
5. Hold din pil over et element i inspektionskolonnen. Hvis du går til et element eller en linje i kolonnen med din pil, vises det valgte element på websiden i farver.
Billede med titlen Inspect Element on Chrome Trin 6
6. Højreklik på et element, du vil inspicere. En rullemenu vil derefter udfolde sig.
Billede med titlen Inspect Element on Chrome Trin 7
7. VælgInspicere i rullemenuen. Inspektionskolonnen ruller op eller ned til det valgte element, og kildekoden vises i farver.
Du behøver ikke først at åbne inspektionskolonnen manuelt. Hvis du vælger `Inspicer` i rullemenuen, åbnes kolonnen Inspection automatisk.

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