Cum să activați și să utilizați modul Design receptiv în Safari

2024 Autor: Abigail Brown | [email protected]. Modificat ultima dată: 2023-12-17 06:59

Ce trebuie să știți

• Pentru a activa: Preferințe > selectați fila Avansat > comutați Afișați meniul Dezvoltare în bara de meniuactivat.
• Pentru a utiliza: selectați Dezvoltare > Intrați în modul Design responsive în bara de instrumente Safari.

Acest articol explică cum să activați modul de proiectare receptivă în Safari 9 prin Safari 13, în OS X El Capitan prin macOS Catalina.

Cum se activează modul Design receptiv în Safari

Pentru a activa modul Safari Responsive Design, împreună cu alte instrumente pentru dezvoltatori Safari:

1. Accesați meniul Safari și selectați Preferințe.

   Apăsați comanda rapidă de la tastatură Comandă+ , (virgulă) pentru a accesa rapid Preferințe.

2. În caseta de dialog Preferințe, selectați fila Avansat.

   

3. În partea de jos a casetei de dialog, bifați caseta de validare Afișați meniul Dezvoltare în bara de meniu.

   

4. Veți vedea acum Develop în bara de meniu Safari de sus.

   

5. Selectați Dezvoltare > Intrați în modul Design responsiv în bara de instrumente Safari.

   Apăsați comanda rapidă de la tastatură Opțiune+ Comandă+ R pentru a intra rapid în modul Design receptiv.

   

6. Pagina web activă se afișează în modul Design receptiv. În partea de sus a paginii, alegeți un dispozitiv iOS sau o rezoluție a ecranului pentru a vedea cum va fi redată pagina.

   

7. Ca alternativă, vedeți cum va fi redată pagina dvs. web pe diferite platforme utilizând meniul drop-down de deasupra pictogramelor de rezoluție.

   

Instrumente pentru dezvoltatori Safari

Pe lângă modul Design receptiv, meniul Safari Develop oferă alte opțiuni utile.

Deschideți pagina cu

Deschide pagina web activă în orice browser instalat în prezent pe Mac.

Agent utilizator

Când schimbați agentul de utilizator, puteți păcăli un site web făcându-le să creadă că utilizați un alt browser.

Show Web Inspector

Afișează toate resursele unei pagini web, inclusiv informațiile CSS și valorile DOM.

Afișați consola de eroare

Afișează erori și avertismente JavaScript, HTML și XML.

Afișați sursa paginii

Vă permite să vizualizați codul sursă pentru pagina web activă și să căutați în conținutul paginii.

Afișați resursele paginii

Afișează documente, scripturi, CSS și alte resurse din pagina curentă.

Afișați editorul de fragmente

Vă permite să editați și să executați fragmente de cod. Această funcție este utilă din perspectiva testării.

Afișați generatorul de extensii

Vă ajută să creați extensii Safari, ambalând codul în mod corespunzător și adăugând metadate.

Începe înregistrarea cronologiei

Vă permite să înregistrați solicitările de rețea, execuția JavaScript, redarea paginii și alte evenimente în cadrul WebKit Inspector.

Cache goale

Șterge toate cache-urile stocate în Safari, nu numai fișierele cache standard ale site-ului web.

Dezactivați memoria cache

Cu memoria cache dezactivată, resursele sunt descărcate de pe un site web de fiecare dată când se face o solicitare de acces, spre deosebire de utilizarea memoriei cache locale.

Permite JavaScript din câmpul de căutare inteligentă

Dezactivată implicit din motive de securitate, această funcție vă permite să introduceți adrese URL care conțin JavaScript în bara de adrese Safari.