01 dari 06
Aktifkan dan Gunakan Mod Design Responsif dalam Safari 9
Sebagai seorang pemaju Web di dunia hari ini, bermakna menyokong satu peranti dan platform yang kadang-kadang dapat menjadi tugas yang menakutkan. Walaupun dengan kod yang paling direka dengan baik mematuhi piawaian Web terkini, anda masih dapat mengetahui bahawa bahagian laman web anda mungkin tidak melihat atau bertindak seperti yang anda mahukan pada peranti atau resolusi tertentu. Apabila berhadapan dengan cabaran menyokong pelbagai senario sedemikian rupa, mempunyai alat simulasi yang betul pada pelupusan anda boleh menjadi tidak ternilai.
Jika anda adalah salah satu daripada banyak pengaturcara yang menggunakan Mac, alat pemaju Safari sentiasa berguna. Dengan melepaskan Safari 9 keluasan fungsi ini telah berkembang dengan ketara, terutamanya disebabkan oleh Design_ Responsive Mode_ yang membolehkan anda untuk melihat bagaimana laman web anda akan menghasilkan pada pelbagai resolusi skrin serta pada iPad, iPhone dan sentuhan iPod yang berbeza.
Petunjuk tutorial ini bagaimana untuk mengaktifkan Mod Design Responsif serta cara menggunakannya untuk keperluan pembangunan anda.
Pertama, buka penyemak imbas Safari anda.
02 dari 06
Pilihan Utama Safari
Klik pada Safari dalam menu pelayar, yang terletak di bahagian atas skrin. Apabila menu lungsur muncul, pilih pilihan Preferences_ dikelilingi dalam contoh di atas.
Sila ambil perhatian bahawa anda boleh menggunakan pintasan papan kekunci berikut untuk menggantikan item menu yang disebutkan di atas: COMMAND + COMMA (,)
03 dari 06
Tunjukkan Membangun Menu
Dialog Keutamaan Safari kini akan dipaparkan, memaparkan tetingkap penyemak imbas anda. Pertama, klik pada ikon Advanced yang diwakili oleh gear dan terletak di penjuru kanan sebelah atas tetingkap.
Keutamaan Lanjutan pelayar kini boleh dilihat. Di bahagian bawah adalah pilihan disertakan dengan kotak pilihan, dilabel menu Show Develop dalam bar menu dan dikelilingi dalam contoh di atas. Klik pada kotak semak sekali untuk mengaktifkan menu ini.
04 dari 06
Masukkan Mod Design Responsif
Pilihan baru kini boleh didapati di menu Safari anda, yang terletak di bahagian atas skrin, dilabelkan Dibangunkan . Klik pada pilihan ini. Apabila menu lungsur muncul, pilih Mod Reka Bentuk Responsif _ bulat dalam contoh di atas.
Sila ambil perhatian bahawa anda boleh menggunakan pintasan papan kekunci berikut sebagai ganti item menu yang disebutkan di atas: OPTION + COMMAND + R
05 dari 06
Mod Design Responsif
Halaman Web aktif kini akan dipaparkan dalam Mod Reka Bentuk Responsif, seperti ditunjukkan dalam contoh di atas. Dengan memilih salah satu peranti iOS yang disenaraikan seperti iPhone 6, atau salah satu daripada resolusi skrin yang ditetapkan seperti 800 x 600, anda boleh segera melihat bagaimana halaman akan dipaparkan pada peranti itu atau dalam resolusi paparan.
Selain daripada peranti dan resolusi yang ditunjukkan, anda juga boleh mengarahkan Safari mensimulasikan ejen pengguna yang berbeza - seperti satu dari penyemak imbas yang berbeza - dengan mengklik pada menu lungsur yang dipaparkan di atas ikon resolusi.
06 dari 06
Bina Menu: Pilihan Lain
Selain Mod Reka Bentuk Responsif, menu Develop Safari 9 menawarkan banyak pilihan berguna lain_ beberapa yang disenaraikan di bawah.
- Halaman Terbuka Dengan: Membolehkan anda membuka halaman Web yang aktif dalam mana-mana pelayar lain yang sedang dipasang pada Mac anda.
- Ejen Pengguna: Menukar ejen pengguna menyebabkan pelayan Web mengenal pasti pelayar anda sebagai sesuatu selain Safari 9.
- Sambung Web Inspektor Web: Inspektor Web Safari 9 memaparkan semua sumber halaman Web, memberikan keupayaan untuk meneliti maklumat CSS, metrik dan struktur DOM, serta kod sumber asalnya.
- Tunjukkan Ralat Konsol: Salah satu pilihan yang paling banyak digunakan dalam Membangun Menu, konsol ini memaparkan kesilapan dan amaran JavaScript, HTML dan XML.
- Tunjukkan Sumber Halaman: Membolehkan anda untuk melihat dan mencari kod sumber halaman web aktif.
- Tunjukkan Sumber Halaman: Memilih pilihan ini memaparkan dokumen, skrip, CSS dan sumber lain dari halaman semasa.
- Paparkan Editor Coretan: Menyediakan keupayaan untuk mengedit dan melaksanakan serpihan kod, yang bertentangan dengan halaman lengkap. Ciri ini sangat berguna dari perspektif ujian.
- Tunjukkan Pembina Pelanjutan: Membolehkan anda membina sambungan Safari anda sendiri dengan membungkus kod anda dengan sewajarnya dan menambah metadata.
- Mula Merakam Rangka Masa: Merekodkan beberapa item termasuk permintaan rangkaian, pelaksanaan JavaScript, rendering halaman, dan acara lain untuk tempoh yang ditetapkan pengguna-semua boleh dilihat dalam Inspektor WebKit.
- Kosong Kos: Mengklik pada pilihan ini memadam semua cache yang disimpan dalam Safari, bukan hanya fail cache laman web standard.
- Lumpuhkan Cache: Dengan cache dilumpuhkan, sumber dimuat turun dari laman web setiap kali permintaan akses dilakukan bertentangan dengan menggunakan cache tempatan.
- Benarkan JavaScript dari Medan Carian Pintar: Dipasang secara lalai untuk tujuan keselamatan, ciri ini membolehkan anda memasukkan URL yang mengandungi javascript: dalam bar alamat Safari.
- Rawat Sijil SHA-1 sebagai Tidak Aman: Ringkas untuk Algoritma Hash Selamat, fungsi hash SHA-1 telah terbukti kurang terjamin daripada yang mula-mula berfikir_ dengan itu penambahan pilihan ini dalam Safari 9.
Bacaan berkaitan
Jika anda mendapati tutorial ini berguna, pastikan untuk menyemak langkah-langkah Safari 9 kami yang lain.
- Bagaimana Mengurus Pemberitahuan Push Laman Web
- Bagaimana Mengeksport Halaman Web ke Fail PDF
- Cara Konfigurasi Safari 9 Sambutan untuk Kemaskini secara automatik
- Cara Menggunakan Ciri-ciri Tapak Dipadamkan