Yang Perlu Diketahui
- Aktifkan Web Inspector di iOS: Buka Settings > Safari > Advanced dan pindah sakelar sakelar Web Inspector ke posisi On.
- Gunakan Web Inspector di macOS: Hubungkan perangkat iOS Anda ke Mac dan pilih URL untuk diperiksa dari menu Develop.
Jika Anda mengalami bug atau masalah lain dengan situs web di Safari seluler, gunakan alat Web Inspector untuk menyelidikinya. Artikel ini menjelaskan cara menggunakan konsol Safari untuk iPhone untuk men-debug kesalahan dengan bantuan komputer Mac Anda. Petunjuk berlaku untuk iPhone dengan iOS 14, iOS 12, atau iOS 11, dan juga Mac dengan macOS Big Sur (11.0), macOS Catalina (10.15), atau macOS Mojave (10.14).
Aktifkan Web Inspector di iPhone atau Perangkat iOS Lainnya
Web Inspector dinonaktifkan secara default karena sebagian besar pengguna iPhone tidak menggunakannya. Namun, jika Anda seorang pengembang atau penasaran, Anda dapat mengaktifkannya dalam beberapa langkah singkat. Begini caranya:
-
Buka iPhone Pengaturan menu.
Pada iPhone dengan iOS versi awal, akses Konsol Debug melalui Pengaturan > Safari > Pengembang > Konsol Debug Saat Safari di iPhone mendeteksi kesalahan CSS, HTML, dan JavaScript, detail setiap tampilan di debugger.
- Gulir ke bawah dan ketuk Safari untuk membuka layar yang berisi semua yang terkait dengan browser web Safari di iPhone, iPad, atau iPod touch Anda.
- Gulir ke bagian bawah halaman dan pilih Lanjutan.
-
Pindahkan sakelar sakelar Web Inspector ke posisi On.
Image
Hubungkan Perangkat iOS Anda ke Safari di Mac
Untuk menggunakan Web Inspector, sambungkan iPhone atau perangkat iOS lainnya ke Mac yang memiliki browser web Safari dan aktifkan menu Kembangkan.
-
Dengan Safari terbuka, pilih Safari dari bilah menu dan pilih Preferences.
Image -
Pilih tab Lanjutan.
Image -
Pilih kotak centang Show Develop menu di menu bar dan tutup jendela pengaturan.
Image -
Dari bilah menu Safari, pilih Develop dan pilih nama perangkat iOS Anda yang terpasang, lalu pilih URL yang muncul di bawah Safariuntuk membuka konsol debug untuk situs tersebut.
Image Setelah Anda menghubungkan perangkat Anda, gunakan Mac Anda untuk memeriksa situs web yang ingin Anda debug dan membukanya di browser seluler Safari.
Apa itu Inspektur Web?
Pengembang web menggunakan Web Inspector untuk memodifikasi, men-debug, dan mengoptimalkan situs web di perangkat Mac dan iOS. Dengan Web Inspector terbuka, pengembang dapat memeriksa sumber daya di halaman web. Jendela Web Inspector berisi HTML yang dapat diedit dan catatan mengenai gaya dan lapisan halaman web dalam panel terpisah.
Sebelum iOS 6, browser web Safari iPhone memiliki Konsol Debug bawaan yang digunakan pengembang untuk menemukan cacat halaman web. Versi terbaru iOS menggunakan Web Inspector sebagai gantinya.
Dengan Safari 9 dan OS X Mavericks (10.9), Apple memperkenalkan Mode Desain Responsif di Web Inspector. Pengembang menggunakan simulator bawaan ini untuk melihat pratinjau bagaimana skala halaman web ke berbagai ukuran layar, resolusi, dan orientasi.
