मोबाइल पर टेस्ट करें

त्वरित जांच के लिए builder में responsive viewport switcher का उपयोग करें, फिर publish करें और किसी भी mobile-only behavior के लिए असली डिवाइस पर टेस्ट करें।

Proyecta में मोबाइल टेस्टिंग के दो स्तर हैं: builder के अंदर का responsive preview, और published URL पर असली डिवाइस पर टेस्टिंग।

Builder में Responsive Preview

Preview panel में address bar के अंदर एक viewport switcher शामिल है:

मोड	आयाम
Desktop	Full window width
Tablet	768 × 1024
Mobile	390 × 844

लेआउट की समस्याओं को जल्दी पकड़ने के लिए edit करते समय इनके बीच switch करें। यह obvious responsive bugs (overflow, टूटे हुए grids, untappable buttons) पकड़ने का सबसे तेज़ तरीका है।

QR कोड से अपने फ़ोन पर खोलें

असली डिवाइस पर सबसे तेज़ तरीका है dashboard का Mobile → Test tab। एक बार जब आपका app publish हो जाता है, तो यह एक QR code दिखाता है — इसे अपने फ़ोन के कैमरे से scan करें और live app तुरंत खुल जाएगा। अगर आप URL खुद को भेजना पसंद करते हैं तो एक Copy link बटन भी है। (अगर आपने अभी तक publish नहीं किया है, तो tab आपको पहले publish करने के लिए कहेगा — on-device टेस्टिंग के लिए live URL ज़रूरी है।)

असली डिवाइस पर टेस्ट करें

Viewport switcher केवल dimensions simulate करता है — यह touch input, real-world latency, mobile browser quirks, या platform-specific behavior simulate नहीं करता। जिन चीज़ों की आपको वास्तव में परवाह है (touch interactions, install prompts, push notifications, camera, GPS), उनके लिए असली डिवाइस पर टेस्ट करें:

अपने app को उसके *.proyecta.live subdomain पर Publish करें
अपने फ़ोन के browser पर URL खोलें
अगर आपने PWA support जोड़ी है, तो Add to Home Screen चुनें और installed experience टेस्ट करें
जिन flows की आपको परवाह है, उन्हें पूरा करें

जो चीज़ें केवल असली डिवाइस पर पकड़ में आती हैं

Tap target sizes — उंगलियां माउस pointers से बड़ी होती हैं
Sticky elements — mobile browser chrome के साथ viewport units अलग तरह से behave करते हैं
Form input — autofill, keyboard types, autocomplete
iOS Safari quirks — 100vh की समस्याएं, scroll-bouncing, fixed positioning
Push notification permission flow — यह केवल HTTPS पर एक published origin से top-level browser tab में काम करता है; यह builder के preview panel के अंदर fire नहीं होगा (भले ही preview पहले से HTTPS पर serve हो रही हो)।
Performance असली (धीमे) hardware पर

टेस्टिंग के सुझाव

अपने फ़ोन के developer tools का उपयोग करें। macOS पर Safari, live debugging के लिए mobile Safari से connect हो सकता है; Chrome, Android Chrome से connect हो सकता है।
Landscape में भी टेस्ट करें। ज़्यादातर developers केवल portrait में टेस्ट करते हैं और landscape bugs चूक जाते हैं।
Low-power mode चालू करके टेस्ट करें। Animations और timers अलग तरह से behave करते हैं।
PWA push के लिए असली iPhone पर टेस्ट करें। iOS पर push notifications केवल Safari के ज़रिए install किए गए PWA से काम करती हैं।