Jak zkontrolovat prvek na Macu

Tento článek vás naučí, jak zkontrolovat prvek webu na Macu. Zkoumá, jak to udělat přes Safari a také pomocí Google Chrome.

Jak používáte funkci Inspect Element na Macu?

Před kontrolou prvků na Macu při používání Safari musíte v prohlížeči povolit vývojářskou nabídku. Zde je pohled na to, jak jej zapnout a co udělat pro kontrolu prvku.

Použití funkce Inspect Element Feature v Safari

1. V Safari klikněte na Safari > Předvolby.
   

   

2. Klikněte Pokročilý.
   

   

3. Klikněte Zobrazit nabídku Vývoj v panelu nabídek a poté okno zavřete.
   

   

4. Při procházení webu klikněte pravým tlačítkem na položku, kterou chcete zkontrolovat.
   

5. Klikněte KontrolovatŽivel.
   

   

6. Nyní můžete zobrazit kód za webem, který jste zkontrolovali.
   

   

Použití funkce Inspect Element v Chrome na Macu

Pokud na Macu místo Safari používáte Chrome, je zobrazení prvku ještě snazší, protože tuto funkci není nutné povolovat. Zde je to, co dělat.

1. V prohlížeči Chrome přejděte na web.
   

2. Klikněte pravým tlačítkem na prvek, který chcete zkontrolovat.
   

3. Klikněte Kontrolovat.
   

   

4. Nyní můžete kód zobrazit v postranním okně Chromu.

   

Proč nemohu zkontrolovat na svém Macu?

Hlavním důvodem, proč možná nebudete moci zkontrolovat prvek na svém Macu, je, že jste v Safari nepovolili nabídku Vývojář. Zde je připomínka, jak na to.

1. V Safari klikněte na Safari > Předvolby.
   

   

2. Klikněte Pokročilý.
   

   

3. Klikněte Zobrazit nabídku Vývoj v panelu nabídek a poté okno zavřete.
   

   

Jak provést změny webu kontrolou prvku

Kromě toho, že vám umožňuje zobrazit kód na webu, je také možné dočasně změnit jakýkoli prvek webu pomocí funkce Inspect Element. Zde je návod, jak to provést prostřednictvím Safari.

1. Při procházení webu klikněte pravým tlačítkem na položku, kterou chcete zkontrolovat.
   

2. Klikněte Zkontrolujte prvek.
   

3. Dvojitým kliknutím na text v kódu jej můžete upravit.
   

4. Smažte jej nebo zadejte nový řetězec textu.
   

5. Klepněte na Enter.

6. Kód byl nyní dočasně změněn pouze ve váš prospěch.
   

Proč byste chtěli používat funkci Kontrola prvku?

Možnost kontroly prvku je užitečná z mnoha důvodů.

• Chcete-li změnit kód za běhu. Návrháři webových stránek mohou dočasně změnit věci na webu, aby viděli, jak změny ovlivňují věci.
• Chcete-li zkontrolovat kód. Návrháři i marketingoví pracovníci mohou zkontrolovat kód, aby se ujistili, že obsahuje věci, jako jsou podrobnosti o Google Analytics.
• Chcete-li zobrazit obrázky odděleně od webu. Pokud vám web neumožňuje otevřít obrázek na nové kartě nebo okně, zobrazení prvku to umožňuje.
• Dráteník. Zobrazení kódu webové stránky vám může pomoci pochopit, co vidíte, což může odstranit záhadu toho, co a proč se děje na webu, na kterém se nacházíte. Představte si to jako rozebrání spotřebiče, abyste viděli, jak funguje, ale v tomto případě nejsou žádné šrouby, které byste mohli ztratit.