Co je dobré vědět
- Vybrat Safari > Preferences > Pokročilé >Develop menu v panelu nabídek.
- Chcete-li použít Develop, přejděte do nabídky Safari a mezi záložkami a oknem vyberte Develop.
- Nejužitečnější možnosti vývoje: Otevřít stránku pomocí, User Agent a Empty Caches.
Tento článek vysvětluje, jak zobrazit a používat nabídku Vývoj ve webovém prohlížeči Safari (verze 8 až 12).
Zobrazení nabídky Vývoj v Safari
Než budete moci použít nabídku Vývoj, musíte nejprve zviditelnit skrytou nabídku. Je to snadný úkol, mnohem snazší než odhalit nabídku Debug, která – před Safari 4 – obsahovala všechny příkazy, které jsou nyní v nabídce Develop. Nemyslete si však, že starší nabídka Debug již není relevantní; stále existuje a obsahuje mnoho užitečných nástrojů.
-
Spusťte Safari z Dock nebo ze složky aplikace Mac.
Image -
Otevřete předvolby Safari kliknutím na Safari v liště nabídky a výběrem Preferences v rozbalovací nabídce.
Image -
Klikněte na kartu Advanced na obrazovce předvoleb.
Image -
Vybrat Zobrazit nabídku Vývoj v řádku nabídek.
Image
Pokud byste někdy chtěli deaktivovat nabídku pro vývojáře, zrušte zaškrtnutí u Safari > Preferences > Pokročilá obrazovka.
Pomocí nabídky Vývoj
Nabídka Vývoj se zobrazí na liště nabídky Safari mezi položkami nabídky Záložky a Okno. Nabídka Vývoj je užitečná zejména pro webové vývojáře, ale užitečná může být i příležitostným uživatelům.
Některé z položek nabídky Vývoj, které budete pravděpodobně považovat za nejužitečnější, zahrnují:
- Otevřít stránku pomocí: Umožňuje otevřít aktuální webovou stránku v libovolném prohlížeči, který máte nainstalovaný na počítači Mac. Pokud někdy navštívíte web, který nefunguje správně se Safari, použijte tento příkaz k rychlému přeskočení na stejnou webovou stránku v jiném prohlížeči.
- User Agent: Uživatelský agent je řetězec textu, který prohlížeč odešle na webový server, který je hostitelem webové stránky. Pokud jste někdy navštívili webovou stránku, která hlásala, že Safari není podporováno, tímto způsobem web věděl, jaký prohlížeč používáte. Ve většině případů je nepodporováno nesmysl a pomocí této položky nabídky můžete změnit uživatelského agenta tak, aby napodoboval agenta z jiného prohlížeče. Možná vás překvapí, kolikrát nefunkční webová stránka náhle udělá, stačí změnit uživatelského agenta.
- Empty Caches: Safari uchovává mezipaměť nedávno navštívených stránek. Data uložená v této mezipaměti zahrnují všechny prvky stránky, které lze použít k rychlému vykreslení webu, když se na stránku vrátíte. Někdy může být mezipaměť stará nebo poškozená, což způsobuje nesprávné zobrazení webové stránky. Vyprázdnění mezipaměti může tyto problémy vyřešit a může dokonce pomoci urychlit Safari.
Položky nabídky dalšího vývoje
Většina zbývajících položek nabídky je pravděpodobně užitečnější pro webové vývojáře, ale pokud vás zajímá, jak jsou webové stránky konstruovány, mohou vás zajímat následující položky:
- Zobrazit Webový inspektor: Otevře Webový inspektor v dolní části aktuální stránky. Pomocí nástroje Web Inspector můžete prozkoumat prvky, které vedly k vytvoření stránky.
- Zobrazit zdroj stránky: Zobrazí HTML kód aktuální stránky.
- Zobrazit zdroje stránky: Otevře postranní panel Inspektora zdrojů ve webovém inspektoru. Poskytuje snadný způsob, jak zjistit, které obrázky, skripty, šablony stylů a další prvky jsou použity na aktuální stránce.
- Spustit nahrávání na časové ose: Pokud chcete vidět, jak se webová stránka načítá a běží, vyzkoušejte možnost Spustit nahrávání na časové ose. Tím se vytvoří graf znázorňující aktivitu sítě a způsob načítání a používání jednotlivých prvků webu. Je to zajímavý displej, ale nezapomeňte tuto funkci vypnout výběrem Zastavit nahrávání časové osy Jinak používáte zdroje svého Macu na neproduktivní úkoly – pokud nejste web vývojář.
- Vstupte do režimu responzivního designu: Dalším nástrojem pro webové vývojáře je vestavěný simulátor, který vám umožní zobrazit náhled, jak bude vaše webová stránka vypadat při různých rozlišeních obrazovky nebo na různých zařízeních, jako je iPad nebo iPhone. Jednoduše načtěte stránku, která vás zajímá, a vyberte Vstoupit do režimu responzivního designu pro náhled stránky. Můžete vyzkoušet vykreslování stránky pomocí různých zařízení nebo vybrat rozlišení obrazovky, které chcete použít. Až budete hotovi, vraťte se do nabídky Vývoj a vyberte Ukončit režim responzivního návrhu
- Experimentální funkce: Pokud máte odvahu, můžete vyzkoušet několik funkcí, které si mohou najít cestu do budoucích verzí prohlížeče Safari.
Když je zobrazena nabídka Develop, věnujte chvíli vyzkoušení různých položek nabídky. Pravděpodobně skončíte s několika oblíbenými položkami, které budete často používat.
