Što treba znati
- Za omogućavanje: Preferences > odaberite Advanced tab > prebacivanje Prikaži izbornik Razvoj na traci izbornikauključeno.
- Za korištenje: odaberite Develop > Uđite u Responsive Design Mode na Safari alatnoj traci.
Ovaj članak objašnjava kako omogućiti Responsive Design Mode u Safari 9 do Safari 13, u OS X El Capitan kroz macOS Catalina.
Kako omogućiti način responzivnog dizajna u Safariju
Da biste omogućili Safari Responsive Design Mode, zajedno s drugim Safari alatima za razvojne programere:
-
Idite na Safari izbornik i odaberite Preferences.
Pritisnite tipkovni prečac Command+ , (zarez) za brzi pristup postavkama.
-
U dijaloškom okviru Preferences odaberite karticu Advanced.
Image -
Na dnu dijaloškog okvira odaberite potvrdni okvir Prikaži izbornik Razvoj u traci izbornika.
Image -
Sada ćete vidjeti Develop u gornjoj Safari traci izbornika.
Image -
Odaberite Develop > Uđite u Responsive Design Mode na Safari alatnoj traci.
Pritisnite tipkovni prečac Option+ Command+ R za brzi ulazak u Responsive Design Mode.
Image -
Aktivna web stranica prikazuje se u responzivnom dizajnu. Na vrhu stranice odaberite iOS uređaj ili razlučivost zaslona kako biste vidjeli kako će se stranica prikazati.
Image -
Alternativno, pogledajte kako će se vaša web stranica prikazati na različitim platformama pomoću padajućeg izbornika iznad ikona rezolucije.
Image
Safari alati za razvojne programere
Osim Responsive Design Mode, izbornik Safari Develop nudi i druge korisne opcije.
Otvori stranicu s
Otvara aktivnu web stranicu u bilo kojem pregledniku trenutno instaliranom na Macu.
Korisnički agent
Kada promijenite korisničkog agenta, možete prevariti web stranicu da misli da koristite drugi preglednik.
Prikaži Web Inspector
Prikazuje sve resurse web stranice, uključujući CSS informacije i DOM metriku.
Prikaži konzolu grešaka
Prikazuje JavaScript, HTML i XML pogreške i upozorenja.
Prikaži izvor stranice
Omogućuje pregled izvornog koda za aktivnu web stranicu i pretraživanje sadržaja stranice.
Prikaži resurse stranice
Prikazuje dokumente, skripte, CSS i druge resurse s trenutne stranice.
Prikaži uređivač isječaka
Omogućuje vam uređivanje i izvršavanje fragmenata koda. Ova značajka je korisna iz perspektive testiranja.
Prikaži alat za izgradnju proširenja
Pomaže vam u izradi Safari ekstenzija tako što pakira vaš kod u skladu s tim i dodaje metapodatke.
Pokreni snimanje vremenske trake
Omogućuje vam snimanje mrežnih zahtjeva, izvršavanje JavaScripta, iscrtavanje stranica i druge događaje unutar WebKit Inspectora.
Prazni predmemorije
Briše sve pohranjene predmemorije unutar Safarija, ne samo standardne datoteke predmemorije web stranica.
Onemogući predmemorije
S onemogućenim predmemoriranjem, resursi se preuzimaju s web stranice svaki put kada se napravi zahtjev za pristup, za razliku od korištenja lokalne predmemorije.
Dopusti JavaScript iz pametnog polja za pretraživanje
Onemogućena prema zadanim postavkama iz sigurnosnih razloga, ova značajka vam omogućuje unos URL-ova koji sadrže JavaScript u Safari adresnu traku.
