Cara Menggunakan Web Inspector di iPhone: 15 Langkah (dengan Gambar)

Daftar Isi:

Cara Menggunakan Web Inspector di iPhone: 15 Langkah (dengan Gambar)
Cara Menggunakan Web Inspector di iPhone: 15 Langkah (dengan Gambar)

Video: Cara Menggunakan Web Inspector di iPhone: 15 Langkah (dengan Gambar)

Video: Cara Menggunakan Web Inspector di iPhone: 15 Langkah (dengan Gambar)
Video: Cara Mudah Pindah Data dari Android ke iPhone | Semua Data Aman !!! 2024, Maret
Anonim

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

Gunakan Web Inspector di iPhone Langkah 1
Gunakan Web Inspector di iPhone Langkah 1

Langkah 1. Buka Pengaturan iPhone Anda

Ini adalah ikon abu-abu yang berisi roda gigi di layar beranda Anda.

Gunakan Web Inspector di iPhone Langkah 2
Gunakan Web Inspector di iPhone Langkah 2

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.

Gunakan Web Inspector di iPhone Langkah 3
Gunakan Web Inspector di iPhone Langkah 3

Langkah 3. Gulir ke bawah dan ketuk Lanjutan

Itu ada di bagian bawah menu.

Gunakan Web Inspector di iPhone Langkah 4
Gunakan Web Inspector di iPhone Langkah 4

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

Gunakan Web Inspector di iPhone Langkah 5
Gunakan Web Inspector di iPhone Langkah 5

Langkah 1. Buka Safari di Mac Anda

Ini adalah aplikasi yang terlihat seperti kompas biru.

Gunakan Web Inspector di iPhone Langkah 6
Gunakan Web Inspector di iPhone Langkah 6

Langkah 2. Klik Safari

Tombol ini berada di bilah menu di pojok kiri atas layar.

Gunakan Web Inspector di iPhone Langkah 7
Gunakan Web Inspector di iPhone Langkah 7

Langkah 3. Klik Preferensi

Gunakan Web Inspector di iPhone Langkah 8
Gunakan Web Inspector di iPhone Langkah 8

Langkah 4. Klik ️Advanced

Ini adalah tab paling kanan di sepanjang bagian atas jendela.

Gunakan Web Inspector di iPhone Langkah 9
Gunakan Web Inspector di iPhone Langkah 9

Langkah 5. Centang "Tampilkan menu Kembangkan di bilah menu

" Itu ada di bagian bawah jendela.

Gunakan Web Inspector di iPhone Langkah 10
Gunakan Web Inspector di iPhone Langkah 10

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

Gunakan Web Inspector di iPhone Langkah 11
Gunakan Web Inspector di iPhone Langkah 11

Langkah 1. Buka situs web

Di Safari untuk iPhone, buka halaman web seluler yang ingin Anda debug.

Gunakan Web Inspector di iPhone Langkah 12
Gunakan Web Inspector di iPhone Langkah 12

Langkah 2. Klik Kembangkan

Ini adalah menu tarik-turun ketiga dari kanan di Safari untuk Mac.

Gunakan Web Inspector di iPhone Langkah 13
Gunakan Web Inspector di iPhone Langkah 13

Langkah 3. Klik pada iPhone Anda

Ini akan terdaftar di dekat bagian atas menu.

Gunakan Web Inspector di iPhone Langkah 14
Gunakan Web Inspector di iPhone Langkah 14

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"

Gunakan Web Inspector di iPhone Langkah 15
Gunakan Web Inspector di iPhone Langkah 15

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.

Direkomendasikan: