Uji di Perangkat Mobile

Gunakan viewport switcher responsif di builder untuk pengecekan cepat, lalu publish dan uji di perangkat nyata untuk hal-hal yang menyentuh perilaku khusus mobile.

Ada dua lapisan pengujian mobile di Proyecta: pratinjau responsif di dalam builder, dan pengujian di perangkat nyata pada URL yang sudah dipublish.

Pratinjau responsif di builder

Panel pratinjau menyertakan viewport switcher di address bar:

Mode	Dimensi
Desktop	Lebar penuh jendela
Tablet	768 × 1024
Mobile	390 × 844

Beralih di antara mode tersebut saat mengedit untuk mendeteksi masalah tata letak lebih awal. Ini adalah cara tercepat untuk menangkap bug responsif yang jelas (overflow, grid rusak, tombol yang sulit ditekan).

Buka di ponselmu dengan kode QR

Cara tercepat untuk mencoba di perangkat nyata adalah tab Mobile → Test di dashboard. Setelah aplikasimu dipublish, tab tersebut menampilkan kode QR — pindai dengan kamera ponselmu untuk langsung membuka aplikasi yang live. Ada juga tombol Copy link jika kamu lebih suka mengirim URL ke dirimu sendiri. (Jika belum dipublish, tab akan memintamu untuk publish terlebih dahulu — pengujian di perangkat membutuhkan URL yang live.)

Uji di perangkat nyata

Viewport switcher hanya mensimulasikan dimensi — ia tidak mensimulasikan input sentuh, latensi dunia nyata, keanehan browser mobile, atau perilaku spesifik platform. Untuk hal-hal yang benar-benar kamu pedulikan (interaksi sentuh, install prompt, push notification, kamera, GPS), uji di perangkat nyata:

Publish aplikasimu ke subdomain *.proyecta.live-nya
Buka URL di browser ponselmu
Jika kamu sudah menambahkan dukungan PWA, pilih Add to Home Screen dan uji pengalaman setelah terinstall
Jalani alur-alur yang kamu pedulikan

Hal-hal yang hanya bisa ditemukan di perangkat nyata

Ukuran target ketukan — jari lebih besar dari pointer mouse
Elemen sticky — unit viewport berperilaku berbeda dengan chrome browser mobile
Input form — autofill, jenis keyboard, autocomplete
Keanehan iOS Safari — masalah 100vh, scroll-bouncing, fixed positioning
Alur izin push notification — hanya berfungsi pada origin yang sudah dipublish melalui HTTPS di tab browser tingkat atas; tidak akan aktif di dalam panel pratinjau builder (bahkan ketika pratinjau sudah disajikan melalui HTTPS).
Performa pada hardware nyata (yang lebih lambat)

Tips pengujian

Gunakan developer tools ponselmu. Safari di macOS dapat terhubung ke mobile Safari untuk debugging langsung; Chrome dapat terhubung ke Android Chrome.
Uji dalam orientasi landscape juga. Kebanyakan developer hanya menguji portrait dan melewatkan bug landscape.
Uji dengan mode hemat daya aktif. Animasi dan timer berperilaku berbeda.
Uji di iPhone nyata untuk PWA push. Push notification di iOS hanya berfungsi dari PWA yang diinstall melalui Safari.