Mobilde Test Et

Hızlı bir kontrol için builder içindeki duyarlı görünüm geçişini kullan, ardından yalnızca mobilde çalışan davranışlar için yayımla ve gerçek bir cihazda test et.

Proyecta’da mobil test iki katmandan oluşur: builder içi duyarlı önizleme ve yayımlanmış bir URL üzerinde gerçek cihaz testi.

Builder’daki duyarlı önizleme

Önizleme paneli, adres çubuğunda bir görünüm geçişi içerir:

Mod	Boyutlar
Desktop	Tam pencere genişliği
Tablet	768 × 1024
Mobile	390 × 844

Düzenleme yaparken aralarında geçiş yaparak düzen sorunlarını erken fark et. Bu, taşma, bozuk grid yapıları ve tıklanamayan düğmeler gibi belirgin duyarlı hataları yakalamanın en hızlı yoludur.

QR kod ile telefonunda aç

Gerçek bir cihaza geçmenin en hızlı yolu, dashboard’daki Mobile → Test sekmesidir. Uygulamana yayımlandıktan sonra burada bir QR kod gösterilir — telefonunun kamerasıyla tarat ve canlı uygulamayı anında aç. URL’yi kendine göndermek istersen Copy link düğmesini de kullanabilirsin. (Henüz yayımlamadıysan sekme seni önce yayımlamaya yönlendirir — cihaz üzerinde test için canlı bir URL gereklidir.)

Gerçek bir cihazda test et

Görünüm geçişi yalnızca boyutları simüle eder; dokunmatik girişi, gerçek dünya gecikmesini, mobil tarayıcı özelliklerini veya platforma özgü davranışları simüle etmez. Gerçekten önem verdiğin her şey için (dokunma etkileşimleri, yükleme istemleri, push bildirimleri, kamera, GPS) gerçek bir cihazda test et:

1. Uygulamanı yayımla ve *.proyecta.live alt alan adına al
2. URL’yi telefonunun tarayıcısında aç
3. PWA desteği eklediysen Add to Home Screen seçeneğini seç ve yüklü deneyimi test et
4. Önem verdiğin akışları baştan sona gözden geçir

Yalnızca gerçek bir cihazda yakalayabileceğin şeyler

• Dokunma hedefi boyutları — parmaklar fare imlecinden büyüktür
• Yapışkan öğeler — görünüm birimi değerleri mobil tarayıcı chrome’uyla farklı davranır
• Form girişi — otomatik doldurma, klavye türleri, otomatik tamamlama
• iOS Safari özellikleri — 100vh sorunları, kaydırma sıçraması, sabit konumlandırma
• Push bildirim izin akışı — yalnızca HTTPS üzerinden sunulan bir üst düzey tarayıcı sekmesinde yayımlanmış bir origin üzerinde çalışır; builder’ın önizleme paneli içinde tetiklenmez (önizleme zaten HTTPS üzerinden sunulsa bile).
• Gerçek (daha yavaş) donanımda performans

Test ipuçları

• Telefonunun geliştirici araçlarını kullan. macOS’taki Safari, canlı hata ayıklama için mobile Safari’ye bağlanabilir; Chrome ise Android Chrome’a bağlanabilir.
• Yatay modda da test et. Çoğu geliştirici yalnızca dikey modda test eder ve yatay moddaki hataları kaçırır.
• Düşük güç modunda test et. Animasyonlar ve zamanlayıcılar farklı davranır.
• PWA push için gerçek bir iPhone’da test et. iOS’ta push bildirimleri yalnızca Safari aracılığıyla yüklenen bir PWA’dan çalışır.