Ako skontrolovať prvky webovej stránky v prehliadači Chrome: 7 krokov

Obsah:

Ako skontrolovať prvky webovej stránky v prehliadači Chrome: 7 krokov
Ako skontrolovať prvky webovej stránky v prehliadači Chrome: 7 krokov

Video: Ako skontrolovať prvky webovej stránky v prehliadači Chrome: 7 krokov

Video: Ako skontrolovať prvky webovej stránky v prehliadači Chrome: 7 krokov
Video: Полное руководство по Google Forms - универсальный инструмент для опросов и сбора данных онлайн! 2024, November
Anonim

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

Skontrolujte prvok v prehliadači Chrome, krok 1
Skontrolujte prvok v prehliadači Chrome, krok 1

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, skontrolujte prvok v prehliadači Chrome
Krok 2, skontrolujte prvok v prehliadači Chrome

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, skontrolujte prvok v prehliadači Chrome
Krok 3, skontrolujte prvok v prehliadači Chrome

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

Potom sa zobrazí podponuka.

Krok 4, skontrolujte prvok v prehliadači Chrome
Krok 4, skontrolujte prvok v prehliadači Chrome

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 skontrolujte prvok Chrome
Krok 5 skontrolujte prvok Chrome

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, skontrolujte prvok v prehliadači Chrome
Krok 6, skontrolujte prvok v prehliadači Chrome

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.

Kontrola prvku v Chrome, krok 7
Kontrola prvku v Chrome, krok 7

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ý.

Kontrolné pole nemusíte otvárať ručne. Vybrať " Skontrolovať ”V ponuke pravým tlačidlom myši automaticky otvoríte kontrolný stĺpček.

Odporúča: