Prohlížení zdrojového kódu webových stránek v Safari a dalších webových prohlížečích je pro mnoho lidí, kteří se s webem živí nebo dokonce jako koníček, poměrně rutinní činností. Na rozdíl od některých jiných prohlížečů musíte pro zobrazení zdroje stránky v Safari nejprve povolit sadu vývojářských nástrojů pro prohlížeč, aby měl přístup k funkci zobrazení zdroje webové stránky.

Tento tutoriál ukáže, jak zobrazit zdroj webových stránek v Safari na Mac OS. To platí pro všechny verze Safari a MacOS.

Jak zobrazit zdrojový kód stránky v Safari pro Mac

Zde je návod, jak zobrazit zdroj webových stránek v Safari na MacOS:

1. Nejprve aktivujte nabídku Safari Develop tím, že přejdete do nabídky Safari, vyberete „Preferences“, přejdete na „Advanced“ a zaškrtnutím políčka aktivujete nabídku vývojáře



2. Poté v libovolném okně Safari přejděte na webovou stránku, jejíž zdroj chcete zobrazit a zkontrolovat
3. Vytáhněte nabídku „Vývoj“ v horní části obrazovky a z možností nabídky vyberte „Zobrazit zdroj stránky“



4. Zdroj webových stránek se zobrazí na obrazovce v části Zdroje webového inspektora, což je sada nástrojů pro vývojáře webu zabudovaná do Safari

Kromě zobrazení zdrojového kódu stránky můžete také použít nabídku Vývoj k provádění mnoha dalších užitečných triků pro web a vývojářských úkolů, včetně deaktivace Javascriptu a vymazání mezipaměti Safari, mezi nesčetnými dalšími funkcemi a možnostmi, které jsou zaměřeny na pokročilé uživatelům a vývojářům, jako je hledání vložených souborů na stránkách.

Jak zobrazit zdrojový kód stránky pomocí klávesové zkratky v Safari na Mac

Po aktivaci nabídky Vývoj v Safari můžete také použít klávesovou zkratku k rychlému zobrazení libovolného zdroje webové stránky v prohlížeči Safari pro Mac:

1. Přejděte na webovou stránku, pro kterou chcete zobrazit zdroj stránky
2. Stisknutím kombinace kláves Command + Option + U zobrazíte zdroj stránky

Klávesová zkratka pro zobrazení zdroje stránky otevře nástroj webového inspektora, stejně jako při přístupu z nabídky Vývoj.

Pokud jste pokročilý uživatel Safari, aktivace nabídky Vývoj je pravděpodobně jednou z prvních věcí, kterou uděláte při prvním spuštění prohlížeče.

Prohlížeč Chrome a prohlížeče Firefox mají také podobné možnosti inspektoru webových prvků, ale samozřejmě se zde zaměřujeme na Safari pro Mac.

Vývojářské funkce v Safari pro Mac nejsou dostupné pro iPhone nebo iPad (přesto tak jako tak), ale pokud máte zájem získat možnosti zobrazení zdroje na mobilní straně, můžete k zobrazení použít tento trik s javascriptem. zdroj stránky ve verzích Safari pro iOS a ipadOS.

Máte nějaké užitečné tipy nebo triky spojené se zobrazením zdroje stránky nebo sady nástrojů pro vývojáře v Safari? Podělte se s námi o své myšlenky, tipy a zkušenosti v komentářích.