Paano Suriin ang Mga Elemento ng Webpage sa Chrome: 7 Mga Hakbang

Talaan ng mga Nilalaman:

Paano Suriin ang Mga Elemento ng Webpage sa Chrome: 7 Mga Hakbang
Paano Suriin ang Mga Elemento ng Webpage sa Chrome: 7 Mga Hakbang

Video: Paano Suriin ang Mga Elemento ng Webpage sa Chrome: 7 Mga Hakbang

Video: Paano Suriin ang Mga Elemento ng Webpage sa Chrome: 7 Mga Hakbang
Video: ANO BA ANG INCOGNITO at PAANO ITO IOPEN SA ANDROID PHONE |#LeiTAUGHT #WhatIsIncognito #IncognitoMode 2024, Mayo
Anonim

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

Hakbang

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

Hakbang 1. Buksan ang Google Chrome sa computer

Ang icon ng Chrome ay mukhang isang makulay na bola na may asul na tuldok sa gitna. Mahahanap mo ang icon na ito sa folder na "Mga Application" sa isang Mac computer o ang menu na "Start" sa isang Windows computer.

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

Nasa tabi ito ng address bar, sa kanang sulok sa itaas ng iyong browser window. Pagkatapos nito, ipapakita ang 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

Pagkatapos nito, ipapakita ang submenu.

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

Hakbang 4. I-click ang Mga Tool ng Developer sa submenu na "Higit pang Mga Tool"

Ipapakita ang isang haligi ng inspeksyon sa kanang bahagi ng window ng browser.

Bilang kahalili, maaari mong buksan ang window ng inspeksyon gamit ang isang keyboard shortcut. Pindutin ang Opsyon + ⌘ Cmd + I sa mga Mac computer at Ctrl + Alt + I sa mga Windows computer

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

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

Kapag ang cursor ay hover sa isang elemento o linya sa window ng inspeksyon, ang kaukulang elemento ay mamarkahan sa web page.

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

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

Ang menu ng pag-right click ay lilitaw sa drop-down box.

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

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

Pagkatapos nito, ang haligi ng inspeksyon ay ililipat pataas o pababa sa sangkap na iyon. I-flag ang source code ng elemento.

Hindi mo kailangang buksan nang manu-mano ang patlang ng inspeksyon. Piliin ang " Siyasatin ”Sa menu ng pag-right click upang awtomatikong buksan ang haligi ng inspeksyon.

Inirerekumendang: