Merhaba bu yazımda sizlere android ortamında geliştirme yaparken hybrid projelerinizin chrome üzerinden nasıl debug edileceğini göstereceğim. Aşağıdaki adımları sırasıyla uygularsanız mobil uygulamanızı web projesi gibi chrome üzerinden debug edebilir, cosole api üzerinden yazdığını logları takip edebilir yaptığınız network çağrılarının durumunu gözlemleyebilirsiniz.
Bu işlemi hem react native hemde cordova tabanlı projelerinizde uygulayabilirsiniz.
Komut satırından cordova projenizin kök dizininden android emulatorü ile projenizi çalıştırın
1-) #cordova run android --emulator
2-) Chrome'u açın
3-) Sayafaya sağ tıklayıp "inspect" deyin yada f12 tuşuna basın
4-) Açılan alandan Settings--> More Tools --> Remote Devices'i seçin.
5-) Settings tabını seçin ve "Discover USB Devices" kısmına gidin
6-) Devices menüsü altından sizin cihazınızı(emulator) seçin
7-) Inspect butonuna tıklayın
Bu aşamadan sonra mobil uygulamanın simulatorünü web projesi gibi chrome üzerinde görebilirsiniz.
Hiç yorum yok:
Yorum Gönder