Šta treba znati
- Da biste omogućili: Preferences > odaberite Advanced karticu > prebacite Prikaži meni za razvoj na traci menijauključeno.
- Za korištenje: odaberite Develop > Uđite u Responsive Design Mode u Safari alatnoj traci.
Ovaj članak objašnjava kako omogućiti Responsive Design Mode u Safari 9 do Safari 13, u OS X El Capitan preko macOS Catalina.
Kako omogućiti responzivni način dizajna u Safariju
Da biste omogućili Safari Responsive Design Mode, zajedno s drugim Safari programerskim alatima:
-
Idite na meni Safari i odaberite Preferences.
Pritisnite prečicu na tastaturi Command+ , (zarez) za brzi pristup Preferences.
-
U dijaloškom okviru Preferences, odaberite karticu Advanced.
Image -
Na dnu dijalog box-a, potvrdite okvir Prikaži meni za razvoj na traci menija.
Image -
Sada ćete vidjeti Develop u gornjoj traci menija Safari.
Image -
Odaberite Develop > Uđite u Responsive Design Mode u Safari alatnoj traci.
Pritisnite prečicu na tastaturi Opcija+ Command+ R da brzo uđete u Responsive Design Mode.
Image -
Aktivna web stranica prikazuje se u Responsive Design Modu. Na vrhu stranice odaberite iOS uređaj ili rezoluciju ekrana da vidite kako će se stranica prikazati.
Image -
Alternativno, pogledajte kako će se vaša web stranica prikazati na različitim platformama koristeći padajući meni iznad ikona rezolucije.
Image
Safari Developer Tools
Pored Responsive Design Mode, Safari Develop meni nudi i druge korisne opcije.
Otvori stranicu sa
Otvara aktivnu web stranicu u bilo kojem pretraživaču koji je trenutno instaliran na Macu.
Korisnički agent
Kada promijenite korisničkog agenta, možete prevariti web stranicu da misli da koristite drugi pretraživač.
Prikaži Web Inspector
Prikazuje sve resurse web stranice, uključujući CSS informacije i DOM metrike.
Prikaži konzolu za greške
Prikazuje JavaScript, HTML i XML greške i upozorenja.
Prikaži izvor stranice
Omogućava vam da vidite izvorni kod za aktivnu web stranicu i pretražujete sadržaj stranice.
Prikaži resurse stranice
Prikazuje dokumente, skripte, CSS i druge resurse sa trenutne stranice.
Show Snippet Editor
Omogućava vam uređivanje i izvršavanje fragmenata koda. Ova funkcija je korisna iz perspektive testiranja.
Show Extension Builder
Pomaže vam da izgradite Safari ekstenzije tako što u skladu s tim pakujete vaš kod i dodajete metapodatke.
Započni snimanje na vremenskoj liniji
Omogućava vam da snimite mrežne zahtjeve, izvršavanje JavaScripta, renderiranje stranica i druge događaje unutar WebKit Inspector-a.
Empty Caches
Briše sve pohranjene keš memorije unutar Safarija, ne samo standardne keš fajlove web stranice.
Onemogući predmemorije
Kada je keširanje onemogućeno, resursi se preuzimaju sa web stranice svaki put kada se napravi zahtjev za pristup za razliku od korištenja lokalne keš memorije.
Dozvoli JavaScript iz polja za pametno pretraživanje
Podrazumevano onemogućeno iz sigurnosnih razloga, ova funkcija vam omogućava da unesete URL-ove koji sadrže JavaScript u Safari adresnu traku.
