Obsah
- Získajte prístup k vývojovým nástrojom vo webovom prehliadači spoločnosti Apple
- Ako povoliť režim responzívneho dizajnu v prehliadači Safari
- Nástroje pre vývojárov Safari
Získajte prístup k vývojovým nástrojom vo webovom prehliadači spoločnosti Apple
Uistenie sa, že webové stránky a webové aplikácie podporujú množstvo zariadení a platforiem, je pre vývojárov webu nevyhnutnou úlohou. Webový prehliadač Safari od spoločnosti Apple obsahuje režim responzívneho dizajnu, ktorý umožňuje zobraziť ukážku toho, ako sa vaše stránky vykreslia pri rôznych rozlíšeniach obrazovky a na rôznych zostaveniach iPad, iPhone a iPod touch.
Pokyny v tomto článku sa vzťahujú na Safari 13 pre MacOS. Režim responzívneho dizajnu nie je vo verzii Windows k dispozícii.
Ako povoliť režim responzívneho dizajnu v prehliadači Safari
Ak chcete povoliť vývojárske nástroje spoločnosti Safari a režim responzívneho dizajnu:
-
vybrať safari > Preferencie na paneli nástrojov Safari.
Môžete tiež použiť klávesovú skratku príkaz+Čiarka (,) prístup do ponuky Predvoľby.
-
V ponuke Predvoľby vyberte ikonu Pokročilé kartu a začiarknite políčko vedľa Zobraziť ponuku Vytvoriť na paneli s ponukami, Na paneli s nástrojmi Safari v hornej časti obrazovky by teraz mala byť k dispozícii nová možnosť.
-
vybrať vypracovať > Zadajte režim responzívneho dizajnu na paneli nástrojov Safari.
Môžete tiež použiť klávesovú skratku voľba+príkaz+R pre vstup do režimu responzívneho dizajnu.
-
Aktívna webová stránka by sa teraz mala zobraziť v režime responzívneho dizajnu. V hornej časti stránky vyberte zariadenie iOS alebo rozlíšenie obrazovky, aby ste videli, ako sa stránka vykreslí.
Môžete tiež dať Safari pokyn, aby simuloval rôznych užívateľských agentov pomocou rozbaľovacej ponuky priamo nad ikonami rozlíšenia.
Nástroje pre vývojárov Safari
Okrem režimu responzívneho dizajnu ponúka ponuka Safari's Develop mnoho ďalších užitočných možností vrátane:
- Otvorte stránku pomocou: Otvorte aktívnu webovú stránku v ktoromkoľvek inom prehľadávači nainštalovanom v počítači Mac.
- Používateľský agent: Zmena užívateľského agenta spôsobí, že webové servery identifikujú váš prehliadač ako niečo iné ako Safari.
- Pripojte webového inšpektora: Zobraziť všetky zdroje webovej stránky vrátane informácií o CSS a metrík DOM.
- Zobraziť chybovú konzolu: Zobraziť chyby a upozornenia jazyka JavaScript, HTML a XML.
- Zobraziť zdroj stránky: Zobrazte a vyhľadajte zdrojový kód aktívnej webovej stránky.
- Zdroje ukážkovej stránky: Zobraziť dokumenty, skripty, CSS a ďalšie zdroje z aktuálnej stránky.
- Zobraziť editor úryvkov: Upraviť a vykonať fragmenty kódu. Táto funkcia je veľmi užitočná z hľadiska testovania.
- Zobraziť Nástroj na tvorbu rozšírení: Zostavte si vlastné rozšírenia Safari tak, že zodpovedajúcim spôsobom zabalíte kód a pripojíte metadáta.
- Spustite nahrávanie časovej osi: Zaznamenajte sieťové požiadavky, spustenie skriptu JavaScript, vykreslenie stránky a ďalšie udalosti v rámci inšpektora WebKit.
- Prázdne medzipamäte: Odstráňte všetky uložené vyrovnávacie pamäte v prehliadači Safari, nielen štandardné súbory vyrovnávacej pamäte webových stránok.
- Zakázať vyrovnávaciu pamäť: Ak je ukladanie do vyrovnávacej pamäte zakázané, zdroje sa sťahujú z webovej stránky zakaždým, keď sa odošle žiadosť o prístup, namiesto použitia lokálnej vyrovnávacej pamäte.
- Povoliť JavaScript z poľa inteligentného vyhľadávania: Táto funkcia je v predvolenom nastavení zakázaná z bezpečnostných dôvodov a umožňuje zadať adresy URL obsahujúce JavaScript do panela s adresou Safari.
- S certifikátmi SHA-1 zaobchádzajte ako s neistými: Skratka pre zabezpečený algoritmus hash has hash SHA-1 sa ukázala ako menej bezpečná, ako sa pôvodne predpokladalo, a preto bola táto možnosť v prehliadači Safari pridaná.
