Tento wikiHow vás naučí skúmať zdrojový kód HTML vizuálnych prvkov webovej stránky v prehliadači Google Chrome pomocou počítača.
Krok

Krok 1. V počítači otvorte prehliadač Google Chrome
Ikona Chrome vyzerá ako farebná guľa s modrou bodkou v strede. Túto ikonu nájdete v priečinku „Aplikácie“na počítači Mac alebo v ponuke „Štart“na počítači so systémom Windows.

Krok 2. Kliknite na ikonu troch zvislých bodiek
Nachádza sa vedľa panela s adresou v pravom hornom rohu okna prehliadača. Potom sa zobrazí rozbaľovacia ponuka.

Krok 3. V rozbaľovacej ponuke ukážte na položku Ďalšie nástroje
Potom sa zobrazí podponuka.

Krok 4. V podponuke „Ďalšie nástroje“kliknite na položku Nástroje pre vývojárov
Na pravej strane okna prehliadača sa zobrazí kontrolný stĺpček.
Alternatívne môžete inšpekčné okno otvoriť pomocou klávesovej skratky. Na počítačoch Mac stlačte Option+⌘ Cmd+I a na počítačoch so systémom Windows Ctrl+Alt+I

Krok 5. Umiestnite kurzor myši na prvok v kontrolnom stĺpci
Keď umiestnite kurzor na prvok alebo riadok v kontrolnom okne, príslušný prvok sa označí na webovej stránke.

Krok 6. Kliknite pravým tlačidlom myši na prvok, ktorý chcete na webovej stránke skontrolovať
V rozbaľovacom poli sa zobrazí ponuka pravým tlačidlom myši.

Krok 7. V rozbaľovacej ponuke vyberte položku Skontrolovať
Potom bude kontrolný stĺpik posunutý nahor alebo nadol k tomuto prvku. Zdrojový kód prvku bude označený.