Safari untuk iOS menyertakan konsol debug opsional untuk membantu pengembang web melacak dan menyelesaikan masalah laman web di iPhone dan iPad.

Bahkan lebih baik lagi, dengan iOS versi terbaru sebenarnya menggunakan Inspektur Web yang sama dengan Safari di desktop, artinya jika Anda menghubungkan iPhone atau iPad ke komputer, Anda dapat menggunakan alat debugging Safari secara langsung dengan perangkat iOS atau iPadOS

IOS versi lama juga memiliki kemampuan ini, dan meskipun tidak seinklusif alat debug dan pengembang Safari desktop, fitur ini tetap berguna dan mudah diaktifkan atau dinonaktifkan di iPhone dan iPad.

Mari pelajari cara mengaktifkan fitur ini di iOS versi baru dan lama, dan pelajari juga perbedaan antar versi.

Cara Mengaktifkan & Menggunakan Inspektur Web di Safari untuk iPhone & iPad

Pada versi iOS dan iPadOS modern, berikut cara kerja inspektur web Safari:

1. Buka Pengaturan > Safari > Lanjutan lalu ketuk untuk mengaktifkan "Web Inspector"
2. Hubungkan iPhone atau iPad ke Mac, lalu buka Safari dan aktifkan menu pengembang jika Anda belum melakukannya dengan masuk ke Safari > Preferensi > Lanjutan > Tampilkan bilah menu Kembangkan
3. Tarik ke bawah bilah menu "Kembangkan" dan temukan iPhone atau iPad, lalu buka halaman web yang ingin Anda debug
4. Safari Web Inspector akan terbuka di mana Anda dapat men-debug dan memeriksa elemen web dari perangkat iOS atau IPadOS langsung di Safari pada Mac

Sekarang saat Anda menavigasi di iPhone atau iPad, Anda akan menemukan Inspektur Web di Safari di Mac akan memperbarui.

Anda dapat mengakses Konsol debug melalui tab Konsol di inspektur web, dan Anda dapat mengakses debugger melalui tab Debugger. Dan tentu saja alat pemeriksa web biasa untuk elemen, sumber daya, jaringan, dll, juga tersedia untuk digunakan.

Anda juga dapat menggunakan trik Lihat Sumber untuk iOS dan iPadOS saat bepergian, jika diperlukan juga.

Cara Mengaktifkan Konsol Debug di Versi iOS Lama

Jika Anda memiliki iOS versi lama di iPhone atau iPad lama, seluruh pengalaman debug ada di perangkat dan Anda tidak memiliki kemampuan untuk menyambungkannya ke Safari di Mac. Meskipun demikian masih cukup berguna, berikut cara kerjanya:

1. Luncurkan "Pengaturan" dan ketuk "Safari"
2. Ketuk "Lanjutan"
3. Geser “Konsol Debug” ke AKTIF

Setelah diaktifkan, ketuk Konsol Debug di bagian atas layar Safari mana pun untuk melihat kesalahan halaman web.

Daftar default menampilkan semua kesalahan, tetapi Anda dapat menelusuri kesalahan HTML, JavaScript, dan CSS yang lebih spesifik dengan mengetuknya satu per satu.

Alat berguna lainnya untuk pengembang web seluler adalah Firebug Lite untuk iOS, yang menggunakan bookmarklet javascript untuk memuat versi yang lebih sederhana dari alat pengembangan Firebug yang populer. Fungsionalitas itu mungkin juga paling berguna untuk versi iOS yang lebih lama, karena rilis yang lebih baru memiliki kemampuan baru.

Apakah Anda menggunakan alat pengembang web untuk iPhone atau iPad? Bagikan dengan kami kiat, trik, aplikasi, atau teknik apa pun di komentar di bawah.