Test on Mobile

Use the responsive viewport switcher in the builder for a quick check, then publish and test on a real device for anything that touches mobile-only behavior.

There are two layers to mobile testing in Proyecta: the in-builder responsive preview, and real-device testing on a published URL.

Responsive preview in the builder

The preview panel includes a viewport switcher in the toolbar:

Mode	Dimensions
Desktop	Full window width
Tablet	768 × 1024
Mobile	375 × 667

Switch between them while editing to spot layout problems early. This is the fastest way to catch obvious responsive bugs (overflow, broken grids, untappable buttons).

Test on a real device

The viewport switcher only simulates dimensions — it doesn’t simulate touch input, real-world latency, mobile browser quirks, or platform-specific behavior. For anything you actually care about (touch interactions, install prompts, push notifications, camera, GPS), test on a real device:

1. Publish your app to its *.proyecta.live subdomain
2. Open the URL on your phone’s browser
3. If you’ve added PWA support, choose Add to Home Screen and test the installed experience
4. Walk through the flows you care about

Things you can only catch on a real device

• Tap target sizes — fingers are bigger than mouse pointers
• Sticky elements — viewport units behave differently with mobile browser chrome
• Form input — autofill, keyboard types, autocomplete
• iOS Safari quirks — 100vh issues, scroll-bouncing, fixed positioning
• Push notification permission flow — only works on a published origin over HTTPS
• Performance on real (slower) hardware

Testing tips

• Use your phone’s developer tools. Safari on macOS can connect to mobile Safari for live debugging; Chrome can connect to Android Chrome.
• Test in landscape too. Most devs test portrait only and miss landscape bugs.
• Test with low-power mode on. Animations and timers behave differently.
• Test on a real iPhone for PWA push. Push notifications on iOS only work from a PWA installed via Safari.