Mobilni uređaji već čine ogroman dio, ako ne i većinu, mrežne čitaonice za mnoge web stranice, tako da je osiguravanje da vaša web lokacija izgleda i funkcionira ispravno na iPhoneu ili tabletu presudna. Postoje mnoge usluge koje nude mobilni pregled izgleda za određeni URL, ali Apple je znatno olakšao testiranje web lokacija za mobilnost sa Safarijem 9 u OS X El Capitan. Nova značajka pod nazivom Respoziv Design Mode može brzo pregledati kako izgleda web mjesto na raznim Apple uređajima kao i uobičajene rezolucije zaslona za mobilne uređaje. Evo kako to radi.
Važno je ponoviti da je način responzivnog dizajna nova značajka koja je ekskluzivna za Safari 9 u OS X El Capitan, pa će vam trebati pokrenuti barem ove verzije preglednika i operativnog sustava da biste im pristupili. Ako vaš Mac ispunjava ovaj zahtjev, prvo morate omogućiti Safarijev način rada za programere. Da biste to učinili, pokrenite Safari i kliknite Safari na traci izbornika. Zatim odaberite Postavke> Napredno .
Na kartici Napredno u prozoru s postavkama Safarija, potvrdite okvir pod nazivom "Prikaži razvoj menija u traci izbornika." Kao što ime opcije podrazumijeva, na traci izbornika Safari s desne strane pojavit će se novi izbornik "Razviji". "Oznake."
Zatim zatvorite prozor postavki postavki Safari i prijeđite na web mjesto koje želite testirati u načinu osjetljivog dizajna. Nakon što se web stranica u vašem pregledniku potpuno učita, upotrijebite prečac na tipkovnici Command-Option-R i vidjet ćete da se prozor preglednika pretvara u pregled jedne od nekoliko rezolucija mobilnih uređaja (pristupnom načinu rada možete pristupiti i tako da kliknete Razviji u traku izbornika Safari i odabirom Ulazite u način osjetljivog dizajna ).
Safari responzivni način dizajna omogućuje vam pregledavanje izgleda web mjesta na svim Appleovim rezolucijama mobilnih uređaja, od 3, 5-inčnog iPhonea 4S do 12, 9-inčnog iPad Pro-a. Korisnici također imaju mogućnost odabira 1x, 2x ili 3x "Retina" rezolucije i promjene agenta preglednika da oponašaju ponašanje najpopularnijih preglednika kao što su Chrome, Firefox i Edge.
Za svaku veličinu uređaja i veličinu zaslona, korisnici mogu kliknuti na ikonu uređaja za promjenu između okomite i pejzažne orijentacije ili, za uređaje poput iPad Air-a i iPad Pro-a koji podržavaju podijeljeni prikaz, možete kliknuti za zakretanje između različitih rasporeda podijeljenog prikaza.
Iako Safari načinu osjetljivog dizajna nedostaje neke od mogućnosti sličnih postojećih alata, njegovo ugrađivanje izravno u Safari može biti velika ušteda vremena za web dizajnere i odličan alat za učenje i testiranje za vlasnike web stranica koji žele biti sigurni da su njihovi posjetitelji mobilnih uređaja dobivaju najbolje iskustvo bez obzira na rezoluciju ili veličinu zaslona.
Nakon što završite testiranje, možete napustiti način responzivnog dizajna bilo zatvaranjem prozora ili kartice preglednika ili ponovnim pritiskom prečaca Command-Option-R .
