Peranti mudah alih sudah termasuk sebahagian besar, jika tidak majoriti, pembaca dalam talian untuk banyak laman web, jadi pastikan laman web anda akan kelihatan dan berfungsi dengan baik pada iPhone atau tablet adalah penting. Terdapat banyak perkhidmatan yang menawarkan pratonton susun atur mudah alih untuk URL yang diberikan, tetapi Apple membuat laman web ujian untuk kesediaan mudah alih dengan lebih mudah dengan Safari 9 di OS X El Capitan. Ciri baru yang dipanggil Mod Design Responsif dapat melihat dengan cepat apa yang kelihatan seperti laman web pada pelbagai peranti Apple serta resolusi skrin mudah alih yang biasa. Inilah cara ia berfungsi.
Penting untuk mengulangi bahawa Mod Design Responsive adalah ciri baru yang eksklusif untuk Safari 9 di OS X El Capitan, jadi anda perlu menjalankan sekurang-kurangnya versi pelayar dan sistem operasi untuk mengaksesnya. Jika Mac anda memenuhi kehendak ini, anda perlu terlebih dahulu mendayakan Mod Pemaju Safari. Untuk berbuat demikian, lancarkan Safari dan klik Safari di Bar Menu. Kemudian pilih Pilihan> Lanjutan .
Di tab Advanced pada tetingkap Keamanan Safari, periksa kotak berlabel "Show Develop Menu in Menu Bar." Seperti namanya, anda akan melihat menu "Membangun" yang baru muncul di bar Menu Safari di sebelah kanan "Penanda buku."
Seterusnya, tetapkan tetingkap Pilihan Safari dan navigasi ke tapak web yang ingin anda uji dalam Mod Design Responsif. Sebaik sahaja laman web ini dimuatkan sepenuhnya dalam penyemak imbas anda, gunakan Command-Option-R pintasan papan kekunci dan anda akan melihat tetingkap penyemak imbas menukar ke pratonton salah satu daripada beberapa resolusi peranti mudah alih (anda juga boleh mengakses Mod Design Responsif dengan mengklik Membangunkan Bar Safari Menu dan memilih Masukkan Mod Reka Bentuk Responsif ).
Mod Reka Bentuk Safari Responsif membolehkan anda melihat bagaimana laman web kelihatan pada semua resolusi peranti mudah alih Apple, dari iPhone 4S 3.5 inci ke Pro iPad 12.9 inci. Pengguna juga mempunyai pilihan untuk memilih resolusi 1x, 2x, atau 3x "Retina" dan mengubah ejen penyemak imbas untuk meniru perilaku pelayar yang paling popular seperti Chrome, Firefox, dan Edge.
Untuk setiap peranti dan saiz skrin, pengguna boleh mengklik pada ikon peranti untuk menukar antara orientasi potret dan landskap atau, untuk peranti seperti iPad Air dan iPad Pro yang menyokong paparan split, anda boleh mengklik untuk memutar antara pelbagai susun atur paparan split.
Walaupun Mod Reka Bentuk Safari tidak mempunyai beberapa pilihan alat sedia ada yang sedia ada, ia dibina terus ke Safari boleh menjadi penyelamat masa yang besar untuk pereka web, dan alat pembelajaran dan ujian yang hebat untuk pemilik laman web yang ingin memastikan pelawat mudah alih mereka mendapat pengalaman terbaik tanpa mengira resolusi atau saiz skrin.
Sebaik sahaja anda selesai menguji, anda boleh meninggalkan Mod Reka Bentuk Responsif sama ada menutup tetingkap atau tab pelayar, atau menekan Command-Option-R jalan pintas lagi.