Cara menggunakan Inspektur Web di Safari untuk iOS

Situs web tidak selalu diakses dari sistem desktop. Perangkat seluler juga memiliki peramban dan digunakan untuk mengakses situs web sama seringnya, jika tidak lebih, daripada di desktop. Dalam kasus yang jarang terjadi, situs web populer akan memiliki aplikasi seluler tetapi sebagian besar situs web tidak memilikinya. Itu sebabnya situs web perlu bekerja dengan cukup baik di browser desktop dan seluler. Untuk memastikannya, situs web perlu di-debug selama pengembangan di browser web seluler yang mana Anda mengalami masalah karena mereka tidak memiliki konsol seperti browser desktop.

Perlu mengakses Konsol untuk Chrome seluler di Android? Lihat panduan kami .

Inspektur Web di Safari

Jika Anda men-debug situs web di Safari di iOS, Anda dapat menggunakan web inspector bawaan Safari. Satu-satunya batasan adalah Anda harus memiliki Mac. Konsol web di Safari seluler diakses melalui Safari di Mac. Menyiapkannya membutuhkan waktu.

akun iCloud

Untuk menggunakan pemeriksa web di Safari, perangkat iOS dan Mac harus menggunakan akun iCloud yang sama dan disetel untuk menyinkronkan Safari.

macOS

1. Buka Preferensi Sistem .
2. Buka ID Apple (perhatikan ID yang digunakan).
3. Pilih iCloud di kolom di sebelah kiri, dan pastikan Safari diaktifkan di panel di sebelah kanan.
4. Buka Safari .
5. Klik Safari di bilah menu dan pilih Preferensi .
6. Pada preferensi Safari , buka tab Lanjutan .
7. Aktifkan 'Tampilkan menu Kembangkan di bilah menu' .

iOS

1. Buka aplikasi Pengaturan .
2. Ketuk akun Anda di bagian atas.
3. Pastikan ID Apple yang digunakan sama dengan yang digunakan di Mac .
4. Ketuk iCloud .
5. Aktifkan iCloud untuk Safari .
6. Kembali ke layar aplikasi Pengaturan utama .
7. Pergi ke Umum dan gulir ke bawah.
8. Buka Atur Ulang> Atur Ulang Lokasi & Privasi .

Aktifkan Inspektur Web

Anda sekarang siap untuk menghubungkan perangkat iOS ke Mac Anda.

1. Menggunakan kabel data , sambungkan iPhone (atau iPad) ke Mac .
2. Di iPhone Anda, Anda akan melihat prompt yang menanyakan apakah komputer yang terhubung dengannya harus dipercaya. Ketuk Trust , dan masukkan kode sandi ke perangkat Anda .
3. Buka Safari di iPhone dan kunjungi situs web yang ingin Anda debug .
4. Di Mac, buka Safari dan buka Kembangkan . IPhone Anda akan muncul di sub-menu. Pilih itu , dan pilih situs web yang ingin Anda debug. Ini akan muncul di sub-menu.
5. Sebuah jendela baru akan terbuka dengan web inspector .

Penyelesaian masalah

Dalam beberapa kasus, metode di atas mungkin tidak berhasil. Ini adalah bug dengan macOS. Satu hal yang berhasil di hampir semua kasus adalah perbaikan di bawah ini, namun lakukan hal berikut SETELAH Anda mengikuti langkah-langkah di bagian sebelumnya.

1. Putuskan sambungan iPhone dari Mac.
2. Buka aplikasi Pengaturan di iPhone .
3. Buka Umum> Setel Ulang> Setel Ulang Lokasi & Privasi .
4. Di i Phone, Matikan WiFi, Nyalakan Bluetooth , dan aktifkan Hotspot Seluler .
5. Hubungkan iPhone ke Mac . Percayai komputer saat diminta di iPhone.
6. Buka Safari di iPhone , dan kunjungi situs web yang ingin Anda debug.
7. Di Mac, buka Safari .
8. Pergi ke Kembangkan> iPhone Anda> Terhubung melalui Jaringan .
9. Selanjutnya, buka Kembangkan> iPhone Anda> Pilih situs web yang terbuka di Safari di iPhone.

Kesimpulan

Men-debug situs web di Safari untuk iOS hanya dapat dilakukan dengan Anda memiliki Mac. Anda perlu memastikan bahwa versi Safari di iOS sama dengan di Mac. Aturan praktis yang baik adalah selalu menjalankan iOS dan macOS versi stabil terbaru saat Anda men-debug situs web. Ini akan memastikan bahwa versi Safari sama di kedua platform.