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

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.

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.

Krok 3. V rozevírací nabídce najeďte myší na Další nástroje
Poté se zobrazí podnabídka.

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

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.

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.

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.