Artikel wikiHow ini akan mengajarkan kepada Anda cara menggunakan aplikasi Safari desktop Apple untuk memeriksa kinerja halaman web seluler di Safari untuk iPhone.
Langkah
Bagian 1 dari 3: Mengaktifkan Web Inspector di iPhone
Langkah 1. Buka Pengaturan iPhone Anda
Ini adalah ikon abu-abu yang berisi roda gigi di layar beranda Anda.
Langkah 2. Gulir ke bawah dan ketuk Safari
Itu ada di grup pengaturan keempat atau kelima, bersama dengan aplikasi Apple iPhone lainnya, seperti Mail dan Kontak.
Langkah 3. Gulir ke bawah dan ketuk Lanjutan
Itu ada di bagian bawah menu.
Langkah 4. Geser tombol di sebelah "Web Inspector" ke posisi "On"
Ini adalah opsi terakhir dan akan berubah menjadi hijau saat diaktifkan.
Bagian 2 dari 3: Mengaktifkan Web Inspector di Mac
Langkah 1. Buka Safari di Mac Anda
Ini adalah aplikasi yang terlihat seperti kompas biru.
Langkah 2. Klik Safari
Tombol ini berada di bilah menu di pojok kiri atas layar.
Langkah 3. Klik Preferensi
Langkah 4. Klik ️Advanced
Ini adalah tab paling kanan di sepanjang bagian atas jendela.
Langkah 5. Centang "Tampilkan menu Kembangkan di bilah menu
" Itu ada di bagian bawah jendela.
Langkah 6. Hubungkan iPhone Anda
Gunakan kabel USB yang disertakan dengan perangkat Anda untuk menghubungkan iPhone ke Mac Anda.
Bagian 3 dari 3: Menggunakan Web Inspector di Safari untuk iPhone
Langkah 1. Buka situs web
Di Safari untuk iPhone, buka halaman web seluler yang ingin Anda debug.
Langkah 2. Klik Kembangkan
Ini adalah menu tarik-turun ketiga dari kanan di Safari untuk Mac.
Langkah 3. Klik pada iPhone Anda
Ini akan terdaftar di dekat bagian atas menu.
Langkah 4. Klik situs web
Itu muncul dalam pop-up di sebelah kanan iPhone Anda.
Jika Anda tidak membuka situs web di aplikasi Safari iPhone, Anda akan melihat pesan "Tidak ada aplikasi yang dapat diperiksa"
Langkah 5. Periksa halaman
Menggunakan Safari di Mac, Anda dapat meningkatkan dan mengukur kinerja halaman seluler di iPhone.
- Web Inspector memungkinkan Anda menjalankan perintah dalam JavaScript untuk menciptakan pengalaman interaktif yang lebih dinamis bagi pengguna, seperti animasi dan pesan waktu nyata.
- Periksa elemen DOM (Document Object Model) untuk kesalahan dalam perintah HTML, XML, atau JavaScript.
- Gunakan CSS untuk memperbarui atau mengedit tata letak, warna, dan font di halaman seluler.