Sekarang ini banyak sekali para developer menggunakan Phonegap (atau

Cordova) untuk membuat hybrid mobile. Yaa..apalagi web developer seperti

saya yang lebih memahami HTML5 untuk membuat aplikasi dibandingkan harus

menggunakan bahasa pemrograman JAVA, C++ atau lainnya. Mungkin karena setiap hari berkutat dengan bahasa seputar web.

Dalam postingan kali ini saya mencoba untuk mengenalkan tools yang cukup berguna untuk melakukan proses debugging dalam membuat aplikasi hybrid dengan menggunakan phonegap/cordova. Sebenarnya ada banyak sekali tools untuk melakukan proses debugging ini, seperti contoh nya weinre, tapi kenapa saya menggunakan GapDebug? okee…mari kita bahas ya. :D

GapDebug

Sama seperti weinre, GapDebug merupakan sebuah tools debugger yang gratis dan cross-platform, bisa digunakan untuk debugging yang bisa berjalan di Windows dan MacOS yang cukup banyak fitur yang sangat berguna untuk keperluan debugging.

Cara penggunaan GapDebug sangatlah mudah dibandingkan tools lainnya. Yakni cukup melakukan build device anda baik itu anda menggunakan AndroidStudio atau menggunakan CLI sambil menjalankan aplikasi GapDebugnya. Untuk penggunakan fitur-fiturnya hampir sama dengan menggunakan plugin FireBug pada Firefox. Yaaa..disini anda sudah tidak asing lagi dalam menggunakan tools ini.hehe

Nah dibawah ini screenshot gambar dalam melakukan proses debugging-nya, mirip dengan tools FireBug di Mozilla Firefox ya?. Ya! sebenernya GapDebug ini merupakan aplikasi web-based. Untuk bisa mencobanya silahkan akses http://localhost:8081.

Nah coba lihat screenshot dibawah ini, selain anda bisa melihat dan memonitor aplikasi yang sedang berjalan secara realtime, anda juga bisa langsung mengedit HTML pada aplikasi yang anda buat secara langsung.

Semoga bermanfaat… ⤧  Next post Memperbaiki Cross-Origin Request Blocked: IONIC ⤧  Previous post Membuat CMS Blog PHP dan MySQL Part-1