Mobilne naprave že vsebujejo velik del, če že ne večino, spletnega bralstva na številnih spletnih mestih, zato je zagotovitev, da bo vaše spletno mesto videti pravilno in pravilno deluje na iPhone ali tabličnem računalniku. Obstaja veliko storitev, ki ponujajo predogled mobilnih postavitev za določen URL, toda Apple je s Safarijem 9 v OS X El Capitan precej olajšal testiranje spletnih mest za pripravljenost mobilnih naprav. Nova funkcija, imenovana Odzivni način oblikovanja, lahko hitro predogleda, kako izgleda spletno mesto na različnih napravah Apple, kot tudi skupne ločljivosti zaslona za mobilne naprave. Tukaj je, kako deluje.
Pomembno je ponovno poudariti, da je odziven način oblikovanja nova funkcija, ki je ekskluzivna za Safari 9 v OS X El Capitan, zato boste morali za dostop imeti vsaj te različice brskalnika in operacijskega sistema. Če vaš Mac izpolnjuje to zahtevo, morate najprej omogočiti Safarijev razvijalski način. To naredite tako, da zaženete Safari in v menijski vrstici kliknite Safari . Nato izberite Nastavitve> Napredno .
Na zavihku Napredno v nastavitvah nastavitve Safari potrdite polje z oznako »Pokaži meni Razvijte meni v menijski vrstici.« Kot nakazuje ime možnosti, se bo v meniju vrstice Safari na desni prikazal nov meni »Razvij«. "Zaznamki."
Nato zaprite okno Nastavitve Safarija in se pomaknite do spletnega mesta, ki ga želite preizkusiti v načinu odzivnega oblikovanja. Ko je spletno mesto v brskalniku popolnoma naloženo, uporabite bližnjico na tipkovnici Command-Option-R in videli boste, da se bo okno brskalnika pretvorilo v predogled ene od več ločljivosti mobilnih naprav (do odzivnega načina oblikovanja lahko dostopate tudi tako, da kliknete Razvij v menijsko vrstico Safari in izbiro vstopa v način odzivnega oblikovanja ).
Safari odzivni način oblikovanja vam omogoča predogled, kako izgleda spletno mesto na vseh Appleovih ločljivostih mobilnih naprav, od 3, 5-palčnega iPhone 4S do 12, 9-palčnega iPad Pro. Uporabniki imajo tudi možnost, da izberejo 1x, 2x ali 3x "Retina" ločljivost in spremenijo brskalni agent, da posnemajo vedenje najbolj priljubljenih brskalnikov, kot so Chrome, Firefox in Edge.
Za vsako velikost naprave in velikost zaslona lahko uporabniki kliknejo ikono naprave, da se spremenijo med pokončno in ležečo usmerjenostjo, ali pa za naprave, kot sta iPad Air in iPad Pro, ki podpirajo razcepljeni pogled, lahko kliknete, da se zasukate med različnimi postavitvami razdeljenega pogleda.
Medtem ko Safari odziven način oblikovanja primanjkuje nekaterih možnosti podobnih obstoječih orodij, je njegovo vgrajevanje v Safari lahko velik prihranek časa za spletne oblikovalce in odlično orodje za učenje in testiranje za lastnike spletnih strani, ki želijo poskrbeti za svoje obiskovalce mobilnih naprav dobite najboljšo izkušnjo ne glede na ločljivost zaslona ali velikost.
Ko končate testiranje, lahko zapustite način odzivnega oblikovanja tako, da zaprete okno ali jeziček brskalnika ali znova pritisnete bližnjico Command-Option-R .
