Memulai dengan Men-debug Perangkat Android dari Jauh

Debug materi langsung dari jauh di perangkat Android dari komputer Windows, Mac, atau Linux. Tutorial ini mengajarkan kepada Anda cara:

  • Menyiapkan perangkat Android untuk debug dari jauh, dan menemukannya dari mesin development Anda.
  • Memeriksa dan men-debug materi langsung di perangkat Android dari mesin development Anda.
  • Melakukan siaran layar atas materi dari perangkat Android ke instance DevTools di mesin development.

ilustrasi debug dari jauh

Persyaratan

  • Chrome 32 atau yang lebih baru telah dipasang di mesin development Anda.
  • Driver USB telah dipasang di mesin development, jika Anda menggunakan Windows. Pastikan Device Manager melaporkan driver USB dengan benar.
  • Kabel USB untuk menghubungkan perangkat Android ke mesin development Anda.
  • Android 4.0 atau yang lebih baru.
  • Chrome untuk Android telah dipasang di perangkat Android Anda.

Langkah 1: Temukan perangkat Android Anda

  1. Pada perangkat Android Anda, pilih Settings > Developer Options > Enable USB Debugging. Developer Options disembunyikan secara default di Android 4.2 dan yang lebih baru. Lihat Mengaktifkan Opsi Developer Pada-Perangkat untuk mempelajari cara mengaktifkannya.

  2. Di mesin development, buka Chrome. Anda harus masuk ke Chrome dengan salah satu akun Google. Debug dari jauh tidak berfungsi di Mode Penyamaran atau Akses Tamu.

  3. Buka DevTools.

  4. Di DevTools, klik Main Menu Main Menu kemudian pilih More tools > Remote devices.

    Membuka panel samping perangkat jauh

  5. Di DevTools, klik tab Settings, jika ada tab lain yang ditampilkan.

  6. Pastikan Discover USB devices telah diaktifkan.

    Discover USB devices telah diaktifkan

  7. Hubungkan perangkat Android Anda secara langsung ke mesin development dengan menggunakan kabel USB. Jangan gunakan hub USB perantara. Jika baru pertama kali menghubungkan perangkat Android ke mesin development, perangkat Anda akan ditampilkan pada Unknown, bersama teks Pending Authorization di bawahnya.

    Perangkat tidak dikenal, menunggu otorisasi

  8. Jika perangkat Anda ditampilkan sebagai Unknown, terimalah konfirmasi izin Allow USB Debugging di perangkat Android. Unknown diganti dengan nama model perangkat Android Anda. Lingkaran hijau dan teks Connected menunjukkan bahwa Anda siap men- debug dari jauh perangkat Android dari mesin development.

Langkah 2: Debug materi di perangkat Android dari mesin development Anda

  1. Jika Anda belum membuka Chrome di perangkat Android, bukalah sekarang.

  2. Kembali ke DevTools, klik tab yang cocok dengan nama model perangkat Anda. Di bagian atas laman ini, Anda akan melihat nama model perangkat Android, diikuti dengan nomor serinya. Di bawahnya, Anda bisa melihat versi Chrome yang dijalankan pada perangkat itu, bersama nomor versi dalam tanda kurung. Setiap tab Chrome yang dibuka akan mendapatkan bagiannya sendiri. Anda bisa berinteraksi berinteraksi dengan tab itu dari bagian ini. Jika ada aplikasi yang sedang menggunakan WebView, Anda akan melihat bagian untuk setiap aplikasi itu juga. Tangkapan layar di bawah ini tidak memiliki tab atau WebView yang terbuka.

    Perangkat jauh yang terhubung

  3. Di sebelah New tab, masukkan URL kemudian klik Open. Laman akan dibuka di sebuah tab baru di perangkat Android Anda.

  4. Klik Inspect di sebelah URL yang baru saja Anda buka. Sebuah instance baru DevTools akan terbuka. Versi Chrome yang dijalankan pada perangkat Android menentukan versi DevTools yang dibuka di mesin development Anda. Jadi, jika perangkat Android Anda menjalankan versi Chrome yang sudah sangat lama, instance DevTools mungkin terlihat sangat berbeda dari yang biasa Anda gunakan.

Tindakan selengkapnya: muat ulang, fokus, atau tutup tab

Klik More Options More Options di sebelah tab yang ingin Anda muat ulang, fokus, atau tutup.

muat ulang, fokus, atau tutup tab

Periksa elemen

Masuklah ke panel Elements di instance DevTools Anda, dan arahkan ke atas elemen untuk menyorotnya di tampilan yang terlihat pada perangkat Android.

Anda juga bisa mengetuk sebuah elemen pada layar perangkat Android untuk memilihnya di panel Elements. Klik Select Element Select
Element pada instance DevTools, kemudian ketuk elemen di layar perangkat Android Anda. Perhatikan, Select Element dinonaktifkan setelah sentuhan pertama, jadi Anda perlu mengaktifkannya kembali setiap kali ingin menggunakan fitur ini.

Siaran layar dari perangkat Android ke mesin development

Klik Toggle Screencast Toggle Screencast untuk menampilkan isi perangkat Android Anda di instance DevTools.

Anda bisa berinteraksi dengan siaran layar dalam beberapa cara:

  • Klik diterjemahkan menjadi ketukan, yang akan memicu kejadian touch yang sesuai di perangkat.
  • Penekanan tombol di komputer Anda akan dikirim ke perangkat.
  • Untuk menyimulasikan isyarat mencubit, tahan tombol Shift saat menyeret.
  • Untuk menggulir, gunakan trackpad atau roda mouse, atau gerakan membuang dengan pointer mouse.

Beberapa catatan mengenai siaran layar:

  • Siaran layar hanya menampilkan materi laman. Bagian transparan siaran layar menyatakan antarmuka perangkat, seperti Chrome omnibox, bilah status Android, atau keyboard Android.
  • Siaran layar berpengaruh negatif pada kecepatan bingkai. Nonaktifkan siaran layar saat mengukur guliran atau animasi untuk mendapatkan gambaran kinerja laman yang lebih akurat.
  • Jika layar perangkat Android dikunci, materi siaran layar Anda akan menghilang. Buka kunci layar perangkat Android Anda secara otomatis untuk melanjutkan siaran layar.

Masukan

Jika Anda ingin membantu kami meningkatkan tutorial ini, jawablah pertanyaan di bawah ini!