Remote debug

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.

Örnek çözümü göster

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.

Kendini test et

Geleneksel remote debug hangi tarayıcıda çalışır?
```
DevTools -> Debug Remote JS
```
- Safari
- Firefox
- Chrome
- Edge
Cevabı göster

Chrome — Remote debug Chrome'da çalışır.

debugger anahtar kelimesi

function calculate() {
  ____;
  return 42;
}

Cevabı göster

function calculate() {
  debugger;
  return 42;
}

Kavramı rolüne eşle

Debug Remote JS

Bağlantıyı açar
localhost:8081

Bağlantı adresi
debugger

Kesme noktası
DevTools

İnceleme aracı

Sıradaki ders: Performance monitor

Deneyiminizi Geliştiriyoruz

Çerez Tercihleri

Kesinlikle Gerekli Çerezler

Analitik Çerezler