Čo by ste mali vedieť
- Ak chcete povoliť: Predvoľby > vyberte kartu Rozšírené > prepnúť Zobraziť ponuku Vývoj v paneli ponukyna.
- Použitie: vyberte Develop > Vstúpte do režimu responzívneho dizajnu na paneli s nástrojmi Safari.
Tento článok vysvetľuje, ako povoliť režim responzívneho dizajnu v Safari 9 cez Safari 13, v OS X El Capitan cez macOS Catalina.
Ako povoliť režim responzívneho dizajnu v Safari
Ak chcete povoliť režim responzívneho dizajnu Safari spolu s ďalšími nástrojmi pre vývojárov Safari:
-
Prejdite do ponuky Safari a vyberte Preferencie.
Pre rýchly prístup k predvoľbám stlačte klávesovú skratku Command+ , (čiarka).
-
V dialógovom okne Preferences vyberte kartu Advanced.
Image -
V spodnej časti dialógového okna začiarknite políčko Zobraziť ponuku Vývoj v lište ponuky.
Image -
V hornom paneli ponuky Safari teraz uvidíte Develop.
Image -
Vybrať Develop > Vstúpte do režimu responzívneho dizajnu na paneli nástrojov Safari.
Stlačte klávesovú skratku Option+ Command+ R pre rýchly vstup do režimu responzívneho dizajnu.
Image -
Aktívna webová stránka sa zobrazuje v režime responzívneho dizajnu. V hornej časti stránky vyberte zariadenie so systémom iOS alebo rozlíšenie obrazovky, aby ste videli, ako sa stránka vykreslí.
Image -
Pomocou rozbaľovacej ponuky nad ikonami rozlíšenia môžete tiež zistiť, ako sa vaša webová stránka vykreslí na rôznych platformách.
Image
Safari Developer Tools
Okrem režimu responzívneho dizajnu ponúka ponuka Safari Develop ďalšie užitočné možnosti.
Otvoriť stránku pomocou
Otvorí aktívnu webovú stránku v akomkoľvek prehliadači aktuálne nainštalovanom na Macu.
User Agent
Keď zmeníte User Agent, môžete webovú stránku oklamať, aby si myslela, že používate iný prehliadač.
Zobraziť webového inšpektora
Zobrazuje všetky zdroje webovej stránky vrátane informácií CSS a metrík DOM.
Show Error Console
Zobrazuje chyby a upozornenia JavaScript, HTML a XML.
Zobraziť zdroj stránky
Umožňuje vám zobraziť zdrojový kód aktívnej webovej stránky a prehľadávať obsah stránky.
Zobraziť zdroje stránky
Zobrazuje dokumenty, skripty, CSS a ďalšie zdroje z aktuálnej stránky.
Zobraziť editor úryvkov
Umožňuje vám upravovať a spúšťať fragmenty kódu. Táto funkcia je užitočná z hľadiska testovania.
Zobraziť nástroj na tvorbu rozšírení
Pomáha vám zostavovať rozšírenia Safari vhodným zabalením kódu a pripojením metadát.
Spustiť nahrávanie časovej osi
Umožňuje vám zaznamenávať sieťové požiadavky, spustenie JavaScriptu, vykresľovanie stránok a ďalšie udalosti v rámci WebKit Inspector.
Prázdne vyrovnávacie pamäte
Odstráni 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ávacie pamäte
Ak je ukladanie do vyrovnávacej pamäte vypnuté, zdroje sa stiahnu z webovej lokality zakaždým, keď sa odošle žiadosť o prístup, na rozdiel od použitia lokálnej vyrovnávacej pamäte.
Povoliť JavaScript z poľa inteligentného vyhľadávania
Táto funkcia je z bezpečnostných dôvodov predvolene zakázaná a umožňuje vám zadávať adresy URL obsahujúce JavaScript do panela s adresou Safari.
