Ako skontrolovať prvok v prehliadači Chrome: 7 krokov (s obrázkami)

Obsah:

Ako skontrolovať prvok v prehliadači Chrome: 7 krokov (s obrázkami)
Ako skontrolovať prvok v prehliadači Chrome: 7 krokov (s obrázkami)

Video: Ako skontrolovať prvok v prehliadači Chrome: 7 krokov (s obrázkami)

Video: Ako skontrolovať prvok v prehliadači Chrome: 7 krokov (s obrázkami)
Video: Jak jednoduše oříznout vlasy ve Photoshopu 2024, Smieť
Anonim

Tento wikiHow vás naučí kontrolovať zdrojový kód HTML vizuálneho prvku na ľubovoľnej webovej stránke v prehliadači Google Chrome pomocou počítača.

Kroky

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

Krok 1. Otvorte v počítači prehliadač Google Chrome

Ikona Chrome vyzerá ako farebná guľa s modrou bodkou v strede. Nájdete ho v priečinku Aplikácie na Macu alebo v ponuke Štart v systéme 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

Toto tlačidlo sa nachádza vedľa panela s adresou v pravom hornom rohu okna prehliadača. Otvorí sa rozbaľovacia ponuka.

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

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

Zobrazí sa 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

Tým sa otvorí stĺpec Inšpektor na pravej strane okna prehliadača.

Inšpektor môžete prípadne otvoriť aj pomocou klávesovej skratky. Táto skratka je ⌥ Option+⌘ Cmd+I v systéme Mac a Ctrl+Alt+I v systéme Windows

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

Krok 5. Umiestnite kurzor myši na prvok v stĺpci Inšpektor

Presunutím myši na prvok alebo riadok v aplikácii Inspector sa zvýrazní vybratý prvok na webovej stránke.

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

Krok 6. Na ľubovoľnej webovej stránke kliknite pravým tlačidlom myši na prvok, ktorý chcete skontrolovať

V rozbaľovacom poli sa zobrazí ponuka, na ktorú kliknete 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ť

Tým sa posunie stĺpec Inšpektora nahor alebo nadol k vybratému prvku a zvýrazní sa jeho zdrojový kód.

Na to nemusíte ručne otvárať stĺpec Inšpektor. Výber Skontrolovať v ponuke pravým kliknutím sa automaticky otvorí Inšpektor.

Odporúča: