Yang Perlu Diketahui
- Untuk mengaktifkan: Preferences > pilih Lanjutan tab > beralih Tampilkan menu Kembangkan di bilah menuaktif.
- Untuk menggunakan: pilih Develop > Masuk ke Mode Desain Responsif di toolbar Safari.
Artikel ini menjelaskan cara mengaktifkan Mode Desain Responsif di Safari 9 hingga Safari 13, di OS X El Capitan melalui macOS Catalina.
Cara Mengaktifkan Mode Desain Responsif di Safari
Untuk mengaktifkan Mode Desain Responsif Safari, bersama dengan alat pengembang Safari lainnya:
-
Buka menu Safari dan pilih Preferensi.
Tekan pintasan keyboard Command+ , (koma) untuk mengakses Preferensi dengan cepat.
-
Di kotak dialog Preferences, pilih tab Advanced.
Image -
Di bagian bawah kotak dialog, pilih kotak centang Show Develop menu in menu bar.
Image -
Sekarang Anda akan melihat Develop di bilah menu Safari atas.
Image -
Pilih Develop > Masuk ke Mode Desain Responsif di bilah alat Safari.
Tekan pintasan keyboard Option+ Command+ R untuk masuk ke Mode Desain Responsif dengan cepat.
Image -
Halaman web aktif ditampilkan dalam Mode Desain Responsif. Di bagian atas halaman, pilih perangkat iOS atau resolusi layar untuk melihat bagaimana halaman akan dirender.
Image -
Atau, lihat bagaimana halaman web Anda akan ditampilkan di berbagai platform dengan menggunakan menu tarik-turun di atas ikon resolusi.
Image
Alat Pengembang Safari
Selain Mode Desain Responsif, menu Pengembangan Safari menawarkan opsi berguna lainnya.
Buka Halaman Dengan
Membuka halaman web aktif di browser apa pun yang saat ini diinstal di Mac.
Agen Pengguna
Saat Anda mengubah Agen Pengguna, Anda dapat membodohi situs web dengan mengira Anda menggunakan browser lain.
Tampilkan Web Inspector
Menampilkan semua sumber daya laman web, termasuk informasi CSS dan metrik DOM.
Tampilkan Konsol Kesalahan
Menampilkan kesalahan dan peringatan JavaScript, HTML, dan XML.
Tampilkan Sumber Halaman
Memungkinkan Anda melihat kode sumber untuk halaman web aktif dan mencari konten halaman.
Tampilkan Sumber Daya Halaman
Menampilkan dokumen, skrip, CSS, dan sumber daya lainnya dari halaman saat ini.
Tampilkan Editor Cuplikan
Memungkinkan Anda mengedit dan mengeksekusi fragmen kode. Fitur ini berguna dari perspektif pengujian.
Tampilkan Pembuat Ekstensi
Membantu Anda membuat ekstensi Safari dengan mengemas kode yang sesuai dan menambahkan metadata.
Mulai Perekaman Garis Waktu
Memungkinkan Anda merekam permintaan jaringan, eksekusi JavaScript, rendering halaman, dan peristiwa lain dalam WebKit Inspector.
Cache Kosong
Menghapus semua cache yang tersimpan di Safari, tidak hanya file cache situs web standar.
Nonaktifkan Cache
Dengan caching dinonaktifkan, sumber daya diunduh dari situs web setiap kali permintaan akses dibuat, bukan menggunakan cache lokal.
Izinkan JavaScript dari Bidang Pencarian Cerdas
Dinonaktifkan secara default karena alasan keamanan, fitur ini memungkinkan Anda memasukkan URL yang berisi JavaScript ke bilah alamat Safari.
