Paano Mag-inspeksyon ng Element sa Chrome: 7 Mga Hakbang (na may Mga Larawan)

Talaan ng mga Nilalaman:

Paano Mag-inspeksyon ng Element sa Chrome: 7 Mga Hakbang (na may Mga Larawan)
Paano Mag-inspeksyon ng Element sa Chrome: 7 Mga Hakbang (na may Mga Larawan)

Video: Paano Mag-inspeksyon ng Element sa Chrome: 7 Mga Hakbang (na may Mga Larawan)

Video: Paano Mag-inspeksyon ng Element sa Chrome: 7 Mga Hakbang (na may Mga Larawan)
Video: Adobe Photoshop : Basic Editing Tutorial for beginners TAGALOG 2024, Mayo
Anonim

Itinuturo sa iyo ng wikiHow na ito kung paano siyasatin ang HTML source code ng isang visual na elemento sa anumang web page sa Google Chrome, gamit ang isang computer.

Mga hakbang

Suriin ang Elemento sa Chrome Hakbang 1
Suriin ang Elemento sa Chrome Hakbang 1

Hakbang 1. Buksan ang Google Chrome sa iyong computer

Ang icon ng Chrome ay mukhang isang kulay na bola na may asul na tuldok sa gitna. Mahahanap mo ito sa iyong folder ng Mga Application sa isang Mac, o sa iyong Start menu sa Windows.

Suriin ang Elemento sa Chrome Hakbang 2
Suriin ang Elemento sa Chrome Hakbang 2

Hakbang 2. I-click ang icon ng tatlong mga patayong tuldok

Ang pindutan na ito ay matatagpuan sa tabi ng address bar sa kanang sulok sa itaas ng window ng iyong browser. Magbubukas ito ng isang drop-down na menu.

Suriin ang Elemento sa Chrome Hakbang 3
Suriin ang Elemento sa Chrome Hakbang 3

Hakbang 3. Mag-hover sa Higit pang Mga Tool sa drop-down na menu

Ang isang sub-menu ay pop up.

Suriin ang Elemento sa Chrome Hakbang 4
Suriin ang Elemento sa Chrome Hakbang 4

Hakbang 4. I-click ang Mga Tool ng Developer sa sub-menu ng Higit pang Mga Tool

Bubuksan nito ang haligi ng Inspektor sa kanang bahagi ng window ng iyong browser.

Bilang kahalili, maaari mong buksan ang Inspektor gamit ang isang keyboard shortcut. Ang shortcut na ito ay ⌥ Option + ⌘ Cmd + I sa Mac, at Ctrl + Alt + I sa Windows

Suriin ang Elemento sa Chrome Hakbang 5
Suriin ang Elemento sa Chrome Hakbang 5

Hakbang 5. Mag-hover sa isang elemento sa haligi ng Inspektor

Ang paglipat ng iyong mouse sa isang elemento o isang linya sa Inspektor ay mai-highlight ang napiling elemento sa web page.

Suriin ang Elemento sa Chrome Hakbang 6
Suriin ang Elemento sa Chrome Hakbang 6

Hakbang 6. Mag-right click sa isang elemento na nais mong siyasatin sa anumang web page

Ang iyong menu ng pag-click sa kanan ay mag-pop up sa isang drop-down na kahon.

Suriin ang Elemento sa Chrome Hakbang 7
Suriin ang Elemento sa Chrome Hakbang 7

Hakbang 7. Piliin ang Suriin sa drop-down na menu

I-scroll nito ang haligi ng Inspektor pataas o pababa sa napiling elemento, at i-highlight ang source code nito.

Hindi mo kailangang buksan nang manu-mano ang haligi ng Inspektor upang magawa ito. Pumipili Siyasatin sa menu ng pag-right click ay awtomatikong bubuksan ang Inspektor.

Inirerekumendang: