Jak zkontrolovat prvky webové stránky v prohlížeči Chrome: 7 kroků

Obsah:

Jak zkontrolovat prvky webové stránky v prohlížeči Chrome: 7 kroků
Jak zkontrolovat prvky webové stránky v prohlížeči Chrome: 7 kroků

Video: Jak zkontrolovat prvky webové stránky v prohlížeči Chrome: 7 kroků

Video: Jak zkontrolovat prvky webové stránky v prohlížeči Chrome: 7 kroků
Video: Best Browser Under 0 MB || Dolphin Incognito Browser || Best Private Browser || Dolphin Browser 2024, Listopad
Anonim

Tento wikiHow vás naučí zkoumat zdrojový kód HTML vizuálních prvků webové stránky v prohlížeči Google Chrome pomocí počítače.

Krok

Zkontrolujte prvek v prohlížeči Chrome Krok 1
Zkontrolujte prvek v prohlížeči Chrome Krok 1

Krok 1. Otevřete v počítači Google Chrome

Ikona Chrome vypadá jako barevná koule s modrou tečkou uprostřed. Tuto ikonu najdete ve složce „Aplikace“na počítači Mac nebo v nabídce „Start“na počítači se systémem Windows.

Kontrola prvku v prohlížeči Chrome Krok 2
Kontrola prvku v prohlížeči Chrome Krok 2

Krok 2. Klikněte na ikonu tří svislých teček

Je to vedle adresního řádku v pravém horním rohu okna prohlížeče. Poté se zobrazí rozevírací nabídka.

Zkontrolujte prvek v prohlížeči Chrome Krok 3
Zkontrolujte prvek v prohlížeči Chrome Krok 3

Krok 3. V rozevírací nabídce najeďte myší na Další nástroje

Poté se zobrazí podnabídka.

Zkontrolujte prvek v prohlížeči Chrome Krok 4
Zkontrolujte prvek v prohlížeči Chrome Krok 4

Krok 4. V podnabídce „Další nástroje“klikněte na Nástroje pro vývojáře

Na pravé straně okna prohlížeče se zobrazí kontrolní sloupec.

Alternativně můžete kontrolní okno otevřít pomocí klávesové zkratky. Stiskněte kombinaci kláves Option+⌘ Cmd+I na počítačích Mac a Ctrl+Alt+I na počítačích se systémem Windows

Zkontrolujte prvek v prohlížeči Chrome Krok 5
Zkontrolujte prvek v prohlížeči Chrome Krok 5

Krok 5. Umístěte ukazatel na prvek v kontrolním sloupci

Když najedete kurzorem na prvek nebo čáru v inspekčním okně, bude příslušný prvek na webové stránce označen.

Kontrola prvku v prohlížeči Chrome Krok 6
Kontrola prvku v prohlížeči Chrome Krok 6

Krok 6. Klikněte pravým tlačítkem na prvek, který chcete na webové stránce zkontrolovat

V rozevíracím seznamu se zobrazí nabídka pravým tlačítkem.

Kontrola prvku v prohlížeči Chrome Krok 7
Kontrola prvku v prohlížeči Chrome Krok 7

Krok 7. V rozevírací nabídce vyberte možnost Zkontrolovat

Poté bude kontrolní sloupec posunut nahoru nebo dolů k tomuto prvku. Zdrojový kód prvku bude označen.

Kontrolní pole nemusíte otevírat ručně. Vybrat " Kontrolovat ”V nabídce pravým tlačítkem myši automaticky otevřete kontrolní sloupec.

Doporučuje: