Ať už na svém Macu používáte Safari, Chrome nebo jakýkoli jiný prohlížeč, naučíme vás, jak získat přístup k prvku Inspect Element a provádět změny na webové stránce.

Zajímali jste se někdy o zdrojový kód webové stránky? Téměř každý webový prohlížeč, včetně nativního prohlížeče vašeho Macu, má funkci, která vám umožní se na něj podívat – nazývá se Inspect Element.

Pomocí funkce Inspect Element můžete nejen zobrazit kód webové stránky HTML, CSS a JavaScript, ale můžete jej také upravit. To umožňuje vývojářům testovat webové stránky a webové aplikace pomocí této funkce, ale uživatelé ji mohou také použít ke změně písem ve svých osobních prohlížečích.

Podívejte se na níže uvedené kroky, abyste zjistili, jak používat Inspect Element v libovolném prohlížeči na vašem Macu a jak začít měnit kód.

Jak zkontrolovat prvek v Safari a dalších prohlížečích na Macu

Použití funkce Inspect Element je stejné ve všech webových prohlížečích dostupných pro macOS. Můžete jej aktivovat několika kliknutími. Výjimkou je Safari, které vyžaduje, aby byla před použitím povolena funkce Inspect Element. Jak to povolit, jsme nastínili v samostatné části níže.

instagram viewer

Chcete-li však Inspect Element používat ve svém oblíbeném prohlížeči Mac obecně (nebo jakmile je povolen):

  1. Otevřete požadovaný prohlížeč a přejděte na webovou stránku, kterou chcete zkontrolovat.
  2. Řízení-klikněte (pravým tlačítkem) kdekoli na webové stránce a vyberte Kontrolovat nebo Zkontrolujte prvek z kontextové nabídky. Můžete také použít klávesovou zkratku Cmd + Shift + C.
  3. Otevře se nástroj Inspektor a zobrazí se zdrojový kód webové stránky. Čtěte nebo provádějte změny kódu, jak chcete; například můžete upravujte webové stránky v Safari pomocí Inspect Element, abyste si mohli pohrát s textem a obrázky.
  4. Chcete-li zavřít nástroj Inspektor, klepněte na X knoflík.

Jak povolit Inspect Element v Safari

Chcete-li povolit funkci Inspect Element v Safari na vašem Macu, musíte aktivovat nabídku Develop. Udělat toto:

  1. Otevřete Safari, přejděte na Safari > Nastavení z panelu nabídek nebo stiskněte Cmd +, na vaší klávesnici.
  2. Zamiřte do Pokročilý tab.
  3. Zkontrolovat Zobrazit nabídku Develop na liště nabídek box.

Nabídka Develop by se nyní měla objevit v horní nabídce, když používáte Safari, a měli byste mít přístup k Inspect Element na vašem Macu z kontextové nabídky!

Kdy použít Inspect Element ve vašem prohlížeči

Vývojáři mohou pomocí Inspect Element vyzkoušet změny rozvržení na webových stránkách a webových aplikacích a otestovat funkčnost pro uživatele v různých prohlížečích. Mohou jej ale používat i běžní uživatelé.

Pokud má webová stránka písmo, které je pro vás obtížné číst, nebo pokud je v barvě, která se vám nelíbí, můžete jej změnit pomocí Inspect Element, aby byla stránka čitelnější nebo příjemnější na pohled. Můžete také změňte záhlaví webových stránek pomocí Inspect Element a žertujte své přátele.

Inspect Element mění věci pouze na vašem Macu a konkrétním prohlížeči, který používáte. Použijte jej tedy, kdykoli budete chtít rychlou změnu webu podle vašich preferencí.

Zkontrolovat prvek: Funkce pro zlepšení uživatelské zkušenosti

Vědět, jak používat Inspect Element na vašem Macu, může vaše používání webových stránek zjednodušit a zpříjemnit. Může nabídnout rychlé opravy problémů s formátováním a umožnit vývojářům opravit chyby.

Doufáme, že vám náš průvodce pomůže tuto funkci využít, takže až budete mít příště problémy s webovou stránkou v Safari nebo jiném prohlížeči, víte, že máte řešení!