Mobilajām ierīcēm daudzās vietnēs jau ir milzīga daļa, ja ne lielākā daļa tiešsaistes lasītāju, tāpēc ir svarīgi pārliecināties, ka jūsu vietne izskatīsies un darbosies pareizi iPhone vai planšetdatorā. Ir daudz pakalpojumu, kas piedāvā mobilā izkārtojuma priekšskatījumus dotajam URL, taču Apple ievērojami atviegloja vietņu pārbaudi mobilajām ierīcēm, izmantojot Safari 9 operētājsistēmā OS X El Capitan. Jauna funkcija ar nosaukumu Responsive Design Mode var ātri priekšskatīt vietnes izskatu dažādās Apple ierīcēs, kā arī parastās mobilā ekrāna izšķirtspējas. Lūk, kā tas darbojas.
Ir svarīgi atkārtot, ka adaptīvais dizaina režīms ir jauna funkcija, kas ir paredzēta tikai operētājsistēmas Safari 9 operētājsistēmai OS X El Capitan, tāpēc, lai tai piekļūtu, jums būs jādarbojas vismaz šīm pārlūka un operētājsistēmas versijām. Ja jūsu Mac atbilst šai prasībai, jums vispirms jāiespējo Safari izstrādātāja režīms. Lai to izdarītu, palaidiet Safari un izvēlnes joslā noklikšķiniet uz Safari . Pēc tam atlasiet Preferences> Advanced .
Safari loga Preferences cilnē Papildu atzīmējiet izvēles rūtiņu “Rādīt izvēlni izvēlnes joslā.” Kā norāda opcijas nosaukums, Safari izvēlnes joslā pa labi no jauna tiek parādīta jauna izvēlne “Izstrādāt”. “Grāmatzīmes.”
Pēc tam aizveriet Safari preferenču logu un dodieties uz vietni, kuru vēlaties pārbaudīt adaptīvā dizaina režīmā. Kad vietne ir pilnībā ielādēta jūsu pārlūkprogrammā, izmantojiet īsinājumtaustiņu Command-Option-R, un pārlūka logā tiek parādīts vienas no vairāku mobilās ierīces izšķirtspējas priekšskatījums (varat arī piekļūt Responsive Design Mode, noklikšķinot uz Izvērst izvēlnes joslā Safari un atlasot Enter Responsive Design Mode ).
Safari adaptīvā dizaina režīms ļauj priekšskatīt vietnes izskatu visās Apple mobilo ierīču izšķirtspējās, sākot no 3, 5 collu iPhone 4S līdz 12, 9 collu iPad Pro. Lietotājiem ir arī iespēja izvēlēties 1x, 2x vai 3x “tīklenes” izšķirtspēju un mainīt pārlūka aģentu, lai imitētu tādu populārāko pārlūku darbību kā Chrome, Firefox un Edge.
Katrai ierīcei un ekrāna lielumam lietotāji var noklikšķināt uz ierīces ikonas, lai mainītos no orientācijas uz portreta un ainavas orientāciju, vai tādām ierīcēm kā iPad Air un iPad Pro, kas atbalsta dalīto skatu, varat noklikšķināt, lai pagrieztu starp dažādiem dalītā skata izkārtojumiem.
Kaut arī Safari adaptīvajam dizaina režīmam trūkst dažu līdzīgu iepriekš pastāvošu rīku iespēju, tā iebūvēšana tieši Safari var būt milzīgs laika ietaupījums tīmekļa dizaineriem un lielisks mācību un testēšanas rīks vietņu īpašniekiem, kuri vēlas pārliecināties, ka viņu mobilie apmeklētāji gūst vislabāko pieredzi neatkarīgi no ekrāna izšķirtspējas vai lieluma.
Kad esat pabeidzis testēšanu, varat iziet no adaptīvā dizaina režīma, aizverot pārlūka logu vai cilni vai vēlreiz nospiežot saīsni Command-Option-R .
