Prezeranie zdrojového kódu webových stránok v Safari a iných webových prehliadačoch je pomerne rutinná činnosť pre mnohých ľudí, ktorí sa s webom živia alebo dokonca ako hobby. Na rozdiel od niektorých iných prehliadačov, ak chcete zobraziť zdrojový kód stránky v prehliadači Safari, musíte najprv povoliť sadu vývojárskych nástrojov pre prehliadač, aby mal prístup k funkcii zobrazenia zdroja webovej stránky.

Tento tutoriál vám ukáže, ako zobraziť zdroj webových stránok v Safari na Mac OS. Platí to pre všetky verzie Safari a MacOS.

Ako zobraziť zdrojový kód stránky v Safari pre Mac

Tu je, ako si môžete zobraziť zdroj webových stránok v Safari na MacOS:

1. Najprv povoľte ponuku Safari Develop tak, že prejdete do ponuky Safari, vyberiete položku „Preferences“, prejdete na položku „Advanced“ a začiarknete políčko, čím povolíte ponuku pre vývojárov



2. V ďalšom okne prehliadača Safari prejdite na webovú stránku, ktorej zdroj chcete zobraziť a skontrolovať
3. Potiahnite nadol ponuku „Rozvinúť“ v hornej časti obrazovky a z možností ponuky vyberte „Zobraziť zdroj stránky“



4. Zdroj webových stránok sa zobrazí na obrazovke v sekcii Zdroje webového inšpektora, čo je súprava nástrojov pre vývojárov webu zabudovaná do Safari

Okrem zobrazenia zdroja stránky môžete tiež použiť ponuku Vývoj na vykonávanie mnohých ďalších užitočných trikov pre web a vývojárskych úloh, vrátane zakázania Javascriptu a vymazania vyrovnávacej pamäte Safari medzi nespočetnými ďalšími funkciami a možnosťami, ktoré sú zamerané na pokročilé používateľov a vývojárov, napríklad hľadanie vložených súborov na stránkach.

Ako zobraziť zdrojový kód stránky pomocou klávesovej skratky v Safari na Mac

Po aktivácii ponuky Develop v prehliadači Safari môžete tiež použiť klávesovú skratku na rýchle zobrazenie ľubovoľného zdroja webovej stránky v prehliadači Safari pre Mac:

1. Prejdite na webovú stránku, pre ktorú chcete zobraziť zdroj stránky
2. Stlačením kombinácie kláves Command + Option + U zobrazíte zdroj stránky

Klávesová skratka na zobrazenie zdroja stránky otvorí nástroj webového inšpektora, rovnako ako pri prístupe z ponuky Vývoj.

Ak ste pokročilý používateľ Safari, aktivácia ponuky Vývoj je pravdepodobne jednou z prvých vecí, ktoré urobíte pri prvom spustení prehliadača.

Za čo stojí za to, že prehliadač Chrome a prehliadače Firefox majú tiež podobné možnosti inšpektora webových prvkov, ale tu sa samozrejme zameriavame na Safari pre Mac.

Vývojárske funkcie v Safari pre Mac nie sú dostupné pre iPhone alebo iPad (zatiaľ aj tak), ale ak máte záujem získať možnosti zobrazenia zdroja na mobilnej strane, môžete použiť tento javascriptový trik na zobrazenie zdroj stránky vo verziách Safari pre iOS a ipadOS.

Máte nejaké užitočné tipy alebo triky súvisiace so zobrazením zdroja stránky alebo sady nástrojov pre vývojárov v prehliadači Safari? Podeľte sa s nami o svoje myšlienky, tipy a skúsenosti v komentároch.