Web saat ini lebih banyak dijelajahi di ponsel, daripada di desktop. Karena perangkat menjadi sangat portabel dan ukuran layar lebih kecil. Jadi jika Anda mengembangkan aplikasi web, Anda tidak dapat menghindari dukungan untuk ponsel (Android atau iOS). Situs yang rusak atau terlihat jelek di layar ponsel benar-benar dapat merusak reputasi Anda secara online. Pengalaman pengguna di ponsel benar-benar berbeda dari desktop. Jadi pengembang harus merancang aplikasi secara khusus untuk beradaptasi dengan layar ponsel.
Google Chrome Dev, menyediakan alat yang memungkinkan Anda memeriksa, men-debug, menganalisis pengalaman di perangkat, dan Anda dapat menggunakan alat Chrome Dev di komputer lokal Anda untuk men-debug aplikasi di perangkat seluler. Dalam tutorial ini kita akan belajar tentang cara menyiapkan mesin pengembangan lokal Anda untuk melakukan debug dari jarak jauh di Android. Kami akan men-debug melalui koneksi USB antara perangkat seluler Anda dan mesin pengembangan lokal Anda.
Anda akan memerlukan yang berikut ini, untuk melanjutkan dengan debugging jarak jauh:
- Ponsel atau tablet Android dengan Chrome untuk Android 28 terpasang (Anda dapat memasangnya dari disini).
- Kabel USB untuk menghubungkan perangkat Android Anda ke mesin pengembangan lokal Anda, juga pastikan Anda telah menginstal drive yang diperlukan untuk menghubungkan ponsel Android Anda ke komputer.
- Periksalah Daftar driver USB OEM dan temukan driver yang cocok untuk Anda.
- Chrome 28+ dipasang di mesin pengembangan lokal Anda.
- Pastikan Anda telah menginstal ekstensi ADB Chrome di mesin pengembangan lokal Anda. Anda dapat menginstalnya dari disini.
Dalam tutorial ini kita akan menggunakan Sony Xperia L (perangkat Android), dan Windows 7 pada mesin pengembangan lokal kita. Jadi mari kita mulai dengan debugging jarak jauh:
1. Pertama-tama pastikan Anda mengaktifkan mode Debug di perangkat Android Anda
Jika Anda belum mengaktifkannya, silakan lihat ini:
- Untuk pengguna di Android 4.2, lihat: http://www.thesmarthacks.com/2013/04/enabling-usb-debugging-mode-on-android.html.
- Sisanya dapat merujuk ke: http://www.groovypost.com/howto/mobile/how-to-enable-usb-debugging-android-phone/.
Untuk info lebih lanjut tentang menyiapkan perangkat Android untuk pengembangan, silakan lihat: http://developer.android.com/tools/device.html#setting-up.
2. Menghubungkan perangkat Android Anda
Sekarang hubungkan perangkat Android Anda, ke mesin pengembangan lokal Anda dengan kabel USB. Setelah Anda menghubungkan perangkat Android Anda, maka Anda perlu mengaktifkan USB web debugging di ponsel Anda, dengan meluncurkan Chrome di Android Anda, -> Pengaturan -> Alat pengembang -> Pilih Aktifkan USB Web Debugging
Saat memilih opsi ini jika meminta Anda untuk mengonfirmasi koneksi Anda dengan mesin pengembangan, pilih OK.
3. Debug
Setelah menginstal ekstensi ADB, Anda akan melihat ikon Android abu-abu di samping menu Chrome. Sekarang klik pada ikon Android dan pilih -> Mulai ADB. Sekarang seharusnya berubah menjadi hijau, dan akan menunjukkan jumlah perangkat yang terhubung saat ini. Kemudian klik pada ikon dan pilih -> Lihat Target Inspeksi. Ini akan membuka tab baru dan akan menampilkan jumlah perangkat Android yang terhubung dan tab yang saat ini terbuka pada mereka.
Sekarang pilih tab dari daftar yang ingin Anda debug. Ini akan membuka Jendela baru dengan Alat Pengembang.
Sekarang periksa beberapa elemen dari halaman, dan elemen tersebut disorot di seluler Chrome, secara real time.
Dengan cara ini Anda dapat memperbaiki bug khusus perangkat, dengan men-debug dari alat Dev. Anda dapat menjalankan perintah dari alat Dev yang akan dijalankan di ponsel Chrome. Lihat juga panel yang berbeda seperti Jaringan, Sumber Daya, Garis Waktu, Profil, Audit.
Sekarang Anda dapat memperbaiki bug khusus seluler, dan men-debug aplikasi seluler secara real time alih-alih menggunakan aplikasi Anda di server dan kemudian mengaksesnya dari ponsel Anda dan melakukan debug. Google Chrome Dev menyediakan alat ini yang memecahkan masalah nyata, untuk pengembang yang membangun aplikasi yang kompatibel dengan perangkat.
Senang mengetahui tentang Chrome Dev. Tawaran platform untuk pengembang baik untuk browser dan seluler (iOS dan Android) semakin meningkat dari hari ke hari. Terima kasih untuk semua foto mendetail tentang proses debugging.
Ini benar-benar postingan yang luar biasa dan bermanfaat. Dari sini, kita dapat memahami prosedur yang jelas tentang Aplikasi Web Debug Jarak Jauh di Android. Juga gambar menjelaskan prosedur tentang Chrome Dev dengan cara yang jelas dan mudah.
Wow! Android batu!
Tidak tahu apakah itu mungkin
Saya pikir ini adalah posting yang sangat berguna untuk semua pengguna android. apalagi di masa itu, banyak sekali aplikasi untuk browser dan biasanya membuat pengguna bingung.
Semua Foto sangat detail dan mudah untuk mengikuti semua langkah.
Terima kasih telah berbagi.
Stephan Wu
Sungguh posting ini sangat membantu untuk men-debug aplikasi web di Android. Belum memikirkannya.
Ini adalah posting yang sangat informatif. Sekarang kita dapat men-debug aplikasi web dari jarak jauh di Android.
Disajikan dengan sangat baik, posting informatif. Saya selalu bertanya-tanya bagaimana cara men-debug aplikasi web dari jarak jauh tetapi blog lain yang telah saya baca di masa lalu tidak terlalu mudah. Terima kasih telah menjelaskannya dengan jelas bagi kita yang berjuang untuk mengikuti bahasa teknologi.
Seperti yang dikatakan Stephan, gambarnya sangat detail sehingga instruksinya lebih mudah diikuti.
Saya telah mencari cara untuk men-debug Samsung Galaxy S3 saya. Saya pikir saya datang ke tempat yang tepat karena tutorial Anda sangat membantu dan saya telah berhasil men-debug perangkat saya. Terima kasih banyak atas bantuannya.
Wow! Saya tidak tahu Anda dapat melakukan ini dengan ponsel Android saya.
Terima kasih!
Sungguh luar biasa, saya tidak pernah menyangka debugging bisa dilakukan dari jarak jauh, khusus untuk aplikasi android…
Hai,
Terima kasih, akhirnya saya melakukan debugging jarak jauh, sangat membantu.