14 Mart 2017 Salı

Chrome da Android Simulatorü ve Remote Debug işlemi

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önderme