Jak zobrazit kód položky v Chrome: 7 kroků

Z tohoto článku se naučíte zobrazit zdrojový kód HTML vizuálního prvku v počítačové verzi kódu Google na libovolné webové stránce.

Kroky

jeden. Spusťte prohlížeč Google Chrome v počítači. Klikněte na vícebarevné kulaté ikony s modrým centrem. Nachází se ve složce "Programy" (Mac) nebo v nabídce Start (Windows).

Obrázek s názvem Kontrola prvku na Chrome Krok 2

2. Klikněte na ikonu ve tvaru tří bodů umístěných svisle. Najdete ji na adrese řetězce v pravém horním rohu okna prohlížeče. Otevřít menu.

Obrázek s názvem Kontrola prvku na Chrome Krok 3

3. Vybrat Další nástroje v menu. Podnabídka se otevírá.

Obrázek s názvem Kontrola prvku na chrome kroku 4

4. Klikněte na tlačítko. T Nástroje pro vývojáře v podnabídce. Otevře se panel pro vývojáře na pravé straně okna prohlížeče.

Také tento panel lze otevřít, pokud kliknete ⌥ možnost+⌘ cmd+I. I (Mac) nebo Ctrl+Alt+I. I (Okna).

Obrázek s názvem Kontrola prvku na chrome kroku 5

Pět. Myš nad prvkem na developerském panelu. Tento prvek bude zvýrazněn na webové stránce.

Obrázek s názvem Kontrola prvku na chrome kroku 6

6. Klepněte pravým tlačítkem myši na položku na webové stránce, z nichž kód chcete zobrazit. Otevřít menu.

Obrázek s názvem Kontrola prvku na Chrome Krok 7

7. Vybrat Zobrazit kód v menu. Obsah vývoje panelu automaticky přejde na vybranou položku a jeho kód bude zvýrazněn.

Nemusíte ručně otevřít panel vývojáře. Když kliknete na "Zobrazit kód", panel vývojáře se automaticky otevře.