Ang mga aparatong mobile ay binubuo ng isang malaking tipak, kung hindi ang karamihan, ng online na pagbabasa para sa maraming mga website, kaya siguraduhin na ang iyong site ay tumingin at gumana nang maayos sa isang iPhone o tablet ay mahalaga. Maraming mga serbisyo na nag-aalok ng mga preview ng layout ng mobile para sa isang naibigay na URL, ngunit ang Apple ay gumawa ng mga pagsubok sa mga website para sa pagiging handa ng mobile na mas madali sa Safari 9 sa OS X El Capitan. Ang isang bagong tampok na tinatawag na Responsive Design Mode ay maaaring mabilis na ma-preview kung ano ang hitsura ng isang website sa iba't ibang mga aparatong Apple pati na rin ang karaniwang mga resolusyon sa mobile screen. Narito kung paano ito gumagana.
Mahalagang tukuyin na ang Tumutugon na Mode ng Disenyo ay isang bagong tampok na eksklusibo sa Safari 9 sa OS X El Capitan, kaya kakailanganin mong tumakbo nang hindi bababa sa mga bersyon na ito ng browser at operating system upang ma-access ito. Kung natutugunan ng iyong Mac ang kinakailangang ito, kailangan mo munang paganahin ang Mode ng Developer ng Safari. Upang gawin ito, ilunsad ang Safari at i-click ang Safari sa Menu Bar. Pagkatapos ay piliin ang Mga Kagustuhan> Advanced .
Sa window ng Advanced na window ng Mga Kagustuhan ng Safari, suriin ang kahon na may label na "Ipakita ang Bumuo ng Menu sa Menu Bar." Tulad ng ipinahihiwatig ng pangalan ng opsyon, makakakita ka ng isang bagong "Bumuo" na menu na lilitaw sa Safari Menu bar sa kanan ng "Mga bookmark."
Susunod, isara ang window ng Mga Kagustuhan sa Safari at mag-navigate sa isang website na nais mong subukan sa Responsive Design Mode. Kapag ang website ay ganap na na-load sa iyong browser, gamitin ang shortcut sa keyboard na Command-Option-R at makikita mo ang window window ng pag-convert sa isang preview ng isa sa ilang mga resolusyon sa mobile device (maaari mo ring ma-access ang Nakikiramay na Mode ng Disenyo sa pamamagitan ng pag-click sa Develop in ang Safari Menu Bar at pagpili ng Ipasok ang Nakikiramay na Mode ng Disenyo ).
Binibigyang-daan ka ng Safari Responsive Design Mode na ma-preview mo kung paano nakikita ng isang website ang lahat ng mga resolusyon ng mobile device ng Apple, mula sa 3.5-pulgada na iPhone 4S hanggang sa 12.9-pulgadang iPad Pro. Ang mga gumagamit ay may pagpipilian din sa pagpili ng isang 1x, 2x, o 3x "Retina" na resolusyon at pagbabago ng ahente ng browser upang gayahin ang pag-uugali ng mga pinakatanyag na browser tulad ng Chrome, Firefox, at Edge.
Para sa bawat aparato at laki ng screen, maaaring mag-click ang mga gumagamit sa icon ng aparato upang magbago sa pagitan ng orientation ng portrait at landscape o, para sa mga aparato tulad ng iPad Air at iPad Pro na sumusuporta sa split view, maaari kang mag-click upang paikutin sa pagitan ng iba't ibang mga layout ng view ng split.
Habang ang Safari na tumutugon sa Disenyo ng Disenyo ay kulang sa ilan sa mga pagpipilian ng magkaparehong mga tool sa pag-preexisting, ang pagkakaroon ng itinayo nang direkta sa Safari ay maaaring maging isang malaking oras saver para sa mga web designer, at isang mahusay na tool sa pag-aaral at pagsubok para sa mga may-ari ng website na nais siguraduhin na ang kanilang mga mobile na mga bisita nakakakuha ng pinakamahusay na karanasan anuman ang resolusyon sa laki o laki.
Kapag natapos na ang pagsubok, maaari mong iwanan ang tumutugon na Mode ng Disenyo sa pamamagitan ng pagsara ng window ng browser o tab, o pagpindot muli ang shortcut Command-Option-R muli.
