Čo by ste mali vedieť
- Vybrať Safari > Preferencie > Rozšírené >Rozvinúť menu v paneli ponuky.
- Ak chcete použiť Develop, prejdite do ponuky Safari a medzi záložkami a oknom vyberte Develop.
- Najužitočnejšie možnosti vývoja: Otvoriť stránku pomocou, User Agent a Empty Cache.
Tento článok vysvetľuje, ako zobraziť a používať ponuku Vývoj vo webovom prehliadači Safari (verzie 8 až 12).
Zobraziť ponuku vývoja v prehliadači Safari
Pred použitím ponuky Develop musíte najprv zviditeľniť skrytú ponuku. Je to jednoduchá úloha, oveľa jednoduchšia ako odhalenie ponuky Debug, ktorá – pred Safari 4 – obsahovala všetky príkazy, ktoré sú teraz v ponuke Develop. Nemyslite si však, že staršie menu Debug už nie je relevantné; stále existuje a obsahuje mnoho užitočných nástrojov.
-
Spustite Safari z Dock alebo z priečinka Mac Application.
Image -
Otvorte predvoľby Safari kliknutím na Safari v lište ponuky a výberom Preferences v rozbaľovacej ponuke.
Image -
Kliknite na kartu Advanced na obrazovke predvolieb.
Image -
Vybrať Zobraziť ponuku Vývoj v paneli ponuky.
Image
Ak by ste niekedy chceli zakázať ponuku vývojára, zrušte začiarknutie v poli Safari > Preferences > Rozšírené obrazovka.
Používanie ponuky vývoja
Ponuka Vývoj sa zobrazí na paneli ponuky Safari medzi položkami ponuky Záložky a Okno. Ponuka Develop je užitočná najmä pre webových vývojárov, no užitočná môže byť aj pre bežných používateľov.
Niektoré z položiek ponuky Vývoj, ktoré budete pravdepodobne považovať za najužitočnejšie, zahŕňajú:
- Otvoriť stránku pomocou: Umožňuje vám otvoriť aktuálnu webovú stránku v ľubovoľnom prehliadači, ktorý máte nainštalovaný na počítači Mac. Ak niekedy navštívite webovú stránku, ktorá nefunguje správne so Safari, pomocou tohto príkazu rýchlo prejdete na rovnakú webovú stránku v inom prehliadači.
- User Agent: Používateľský agent je reťazec textu, ktorý prehliadač odošle na webový server, ktorý je hostiteľom webovej stránky. Ak ste niekedy navštívili webovú stránku, ktorá hlásala, že Safari nie je podporované, táto stránka takto vedela, aký prehliadač používate. Vo väčšine prípadov je nepodporovaný nezmysel a pomocou tejto položky ponuky môžete zmeniť používateľského agenta tak, aby napodobňoval agenta z iného prehliadača. Možno vás prekvapí, koľkokrát sa webová stránka, ktorá nefunguje, náhle zmení, a to len zmenou používateľského agenta.
- Empty Caches: Safari uchováva vyrovnávaciu pamäť nedávno navštívených stránok. Údaje uložené v tejto vyrovnávacej pamäti zahŕňajú všetky prvky stránky, ktoré možno použiť na rýchle vykreslenie webovej lokality, keď sa na stránku vrátite. Niekedy môže byť vyrovnávacia pamäť stará alebo poškodená, čo spôsobuje nesprávne zobrazenie webovej stránky. Vyprázdnenie vyrovnávacej pamäte môže vyriešiť tieto problémy a môže dokonca pomôcť urýchliť Safari.
Položky ponuky ďalšieho vývoja
Väčšina zostávajúcich položiek ponuky je pravdepodobne užitočnejšia pre vývojárov webu, ale ak vás zaujíma, ako sa vytvárajú webové stránky, môžu vás zaujímať nasledujúce položky:
- Zobraziť webový inšpektor: Týmto sa otvorí Webový inšpektor v spodnej časti aktuálnej stránky. Pomocou nástroja Web Inspector môžete preskúmať prvky, ktoré sa použili pri vytváraní stránky.
- Zobraziť zdroj stránky: Zobrazí HTML kód aktuálnej stránky.
- Zobraziť zdroje stránky: Otvorí sa bočný panel Inšpektora zdrojov vo webovom inšpektorovi. Poskytuje jednoduchý spôsob, ako zistiť, ktoré obrázky, skripty, šablóny štýlov a ďalšie prvky sú použité na aktuálnej stránke.
- Spustiť nahrávanie časovej osi: Ak chcete vidieť, ako sa webová stránka načítava a spúšťa, vyskúšajte možnosť Spustiť nahrávanie časovej osi. Tým sa vytvorí graf znázorňujúci aktivitu siete a spôsob načítania a používania jednotlivých prvkov lokality. Je to zaujímavé zobrazenie, ale nezabudnite túto funkciu vypnúť výberom Zastaviť nahrávanie časovej osi V opačnom prípade používate zdroje Macu na neproduktívne úlohy – pokiaľ nie ste web vývojár.
- Vstúpte do režimu responzívneho dizajnu: Ďalším nástrojom pre vývojárov webu je vstavaný simulátor, ktorý vám umožňuje zobraziť ukážku toho, ako bude vaša webová stránka vyzerať pri rôznych rozlíšeniach obrazovky alebo na rôznych zariadeniach, ako je napríklad iPad alebo iPhone. Jednoducho načítajte stránku, ktorá vás zaujíma, a výberom možnosti Vstúpiť do režimu responzívneho dizajnu zobrazíte ukážku stránky. Môžete vyskúšať vykreslenie stránky pomocou rôznych zariadení alebo vybrať rozlíšenie obrazovky, ktoré chcete použiť. Keď skončíte, vráťte sa do ponuky Vývoj a vyberte Ukončiť režim responzívneho dizajnu
- Experimentálne funkcie: Ak máte odvahu, môžete vyskúšať niekoľko funkcií, ktoré si môžu nájsť cestu do budúcich verzií prehliadača Safari.
Keď je zobrazená ponuka Develop, venujte nejaký čas vyskúšaniu rôznych položiek ponuky. Pravdepodobne skončíte s niekoľkými obľúbenými položkami, ktoré budete často používať.
