Remote debug
- React Native kursu
- Orta seviye
- Ders 103/116
- 5 dk
Remote JS debugging öğrenirsin.
Remote debug nedir?
Remote debug, React Native uygulamasını Chrome tarayıcısında hata ayıklamayı sağlar. Uygulama çalışırken geliştirici menüsünden Debug Remote JS seçeneği açılır; Chrome DevTools bağlanır. Kodunda debugger anahtar kelimesi kesme noktası gibi davranır.
Remote debug, JavaScript kodunu Chrome'un V8 motorunda çalıştırır. Bu, sıradan cihazdan farklıdır; bazı zamanlama hataları farklı davranabilir. Yine de kesme noktaları, değişken inceleme ve call stack görüntüleme güçlüdür. Yeni React Native sürümlerinde Flipper ve React DevTools daha sık tercih edilir; remote debug yedek bir seçenektir.
Uygulama debugger ile duraklat
Bir calculate fonksiyonu yaz. İçine debugger anahtar kelimesi koy. Fonksiyon 42 döndürsün.
Başlangıç kodu
// calculate fonksiyonunu yaz
// içine kesme noktası koy; 42 döndürsünÖrnek çözüm
function calculate() {
debugger;
return 42;
}Chrome bağlantısı
Remote debug için geliştirici menüsünü açıp Debug Remote JS'i seçersin. Chrome, localhost:8081 adresinde bir hata ayıklama sayfası açar. Burada DevTools'un tüm gücünü kullanabilirsin: kesme noktaları, call stack, scope değişkenleri.
Bağlanınca uygulama Chrome'da çalışır; cihazda yalnızca UI görünür. Bu, performansı biraz düşürür ama hata ayıklama gücü artar. Kodunda debugger yazdığın yerde uygulama durur; DevTools açıksa değişkenleri inceleyebilirsin. Bağlantıyı kesmek için geliştirici menüsünden Stop Remote JS Debugging'i seçersin. Bu, normal cihaz hızına dönmeyi sağlar.
Soru ve cevaplar
Dersin sorularını cevaplarıyla birlikte inceleyebilirsin. Kendini denemek istersen dersi interaktif olarak çöz.
1 Geleneksel remote debug hangi tarayıcıda çalışır?
DevTools -> Debug Remote JS- Safari
- Firefox
- Chrome Doğru cevap
- Edge
Açıklama: Remote debug Chrome'da çalışır.
2 debugger anahtar kelimesi
function calculate() {
____;
return 42;
}function calculate() {
debugger;
return 42;
}Açıklama: debugger kesme noktası gibi davranır.
3 Kavramı rolüne eşle
| Kavram | Anlamı |
|---|---|
Debug Remote JS |
Bağlantıyı açar |
localhost:8081 |
Bağlantı adresi |
debugger |
Kesme noktası |
DevTools |
İnceleme aracı |