Hoe om element in Chrome te inspekteer: 7 stappe (met foto's)

INHOUDSOPGAWE:

Hoe om element in Chrome te inspekteer: 7 stappe (met foto's)
Hoe om element in Chrome te inspekteer: 7 stappe (met foto's)

Video: Hoe om element in Chrome te inspekteer: 7 stappe (met foto's)

Video: Hoe om element in Chrome te inspekteer: 7 stappe (met foto's)
Video: how to add hair on bald man in photoshop | #shorts 2024, Mei
Anonim

Hierdie wikiHow leer u hoe u die HTML -bronkode van 'n visuele element op 'n webblad op Google Chrome met 'n rekenaar kan inspekteer.

Stappe

Inspekteer Element op Chrome Stap 1
Inspekteer Element op Chrome Stap 1

Stap 1. Maak Google Chrome op u rekenaar oop

Die Chrome -ikoon lyk soos 'n gekleurde bal met 'n blou kolletjie in die middel. U kan dit vind in u toepassingsmap op 'n Mac of in die Start -menu op Windows.

Inspekteer Element op Chrome Stap 2
Inspekteer Element op Chrome Stap 2

Stap 2. Klik op die ikoon met drie vertikale kolletjies

Hierdie knoppie is langs die adresbalk in die regter boonste hoek van u blaaiervenster. Dit sal 'n keuselys oopmaak.

Inspekteer Element op Chrome Stap 3
Inspekteer Element op Chrome Stap 3

Stap 3. Beweeg oor meer gereedskap in die keuselys

'N Subkieslys verskyn.

Inspekteer Element op Chrome Stap 4
Inspekteer Element op Chrome Stap 4

Stap 4. Klik op Ontwikkelaarsgereedskap in die subkieslys More Tools

Dit sal die Inspector-kolom aan die regterkant van u blaaiervenster oopmaak.

U kan ook die inspekteur oopmaak met 'n kortpad. Hierdie kortpad is ⌥ Opsie+⌘ Cmd+I op Mac en Ctrl+Alt+I op Windows

Inspekteer Element op Chrome Stap 5
Inspekteer Element op Chrome Stap 5

Stap 5. Beweeg oor 'n element in die Inspector -kolom

Deur u muis na 'n element of 'n reël in Inspector te skuif, word die geselekteerde element op die webblad uitgelig.

Inspekteer Element op Chrome Stap 6
Inspekteer Element op Chrome Stap 6

Stap 6. Klik met die rechtermuisknop op 'n element wat u op enige webblad wil ondersoek

U kieslys met die rechtermuisknop verskyn in die keuselys.

Inspekteer Element op Chrome Stap 7
Inspekteer Element op Chrome Stap 7

Stap 7. Kies Inspekteer in die keuselys

Dit sal die inspekteur -kolom na bo of na die geselekteerde element blaai en die bronkode daarvan uitlig.

U hoef nie die kolom Inspekteur handmatig oop te maak om dit te doen nie. Kies Inspekteer In die regsklik-kieslys sal die inspekteur outomaties oopmaak.

Aanbeveel: