মোবাইলে টেস্ট করুন

দ্রুত চেক করতে builder-এর responsive viewport switcher ব্যবহার করুন, তারপর মোবাইল-নির্দিষ্ট যেকোনো আচরণের জন্য publish করে সত্যিকারের ডিভাইসে টেস্ট করুন।

Proyecta-তে মোবাইল টেস্টিংয়ের দুটি স্তর রয়েছে: builder-এর মধ্যে responsive preview, এবং published URL-এ সত্যিকারের ডিভাইসে টেস্টিং।

Builder-এ responsive preview

preview প্যানেলে অ্যাড্রেস বারে একটি viewport switcher রয়েছে:

মোড	মাত্রা
Desktop	সম্পূর্ণ উইন্ডো প্রস্থ
Tablet	768 × 1024
Mobile	375 × 667

লেআউটের সমস্যা আগেভাগে ধরতে সম্পাদনা করার সময় এগুলোর মধ্যে স্যুইচ করুন। স্পষ্ট responsive বাগ (overflow, ভাঙা grid, ক্লিক করা যাচ্ছে না এমন বাটন) ধরার এটিই সবচেয়ে দ্রুত উপায়।

সত্যিকারের ডিভাইসে টেস্ট করুন

viewport switcher শুধু মাত্রা অনুকরণ করে — এটি touch input, বাস্তব জীবনের latency, মোবাইল ব্রাউজারের quirks, বা platform-নির্দিষ্ট আচরণ অনুকরণ করে না। যেসব বিষয় আপনার কাছে সত্যিই গুরুত্বপূর্ণ (touch interaction, install prompt, push notification, ক্যামেরা, GPS), সেগুলোর জন্য সত্যিকারের ডিভাইসে টেস্ট করুন:

আপনার অ্যাপটি *.proyecta.live সাবডোমেনে publish করুন
আপনার ফোনের ব্রাউজারে URL খুলুন
আপনি যদি PWA সাপোর্ট যোগ করে থাকেন, Add to Home Screen বেছে নিন এবং ইনস্টল করা অভিজ্ঞতা টেস্ট করুন
আপনার গুরুত্বপূর্ণ flow-গুলো ধাপে ধাপে পার করুন

যে জিনিসগুলো শুধুমাত্র সত্যিকারের ডিভাইসেই ধরা যায়

Tap target-এর আকার — আঙুল মাউস পয়েন্টারের চেয়ে বড়
Sticky এলিমেন্ট — মোবাইল ব্রাউজারের chrome-এর সাথে viewport unit ভিন্নভাবে আচরণ করে
ফর্ম ইনপুট — autofill, কীবোর্ডের ধরন, autocomplete
iOS Safari quirks — 100vh সমস্যা, scroll-bouncing, fixed positioning
Push notification permission flow — শুধুমাত্র top-level ব্রাউজার ট্যাবে HTTPS-এর মাধ্যমে published origin-এ কাজ করে; builder-এর preview প্যানেলের মধ্যে এটি চালু হবে না (এমনকি preview ইতিমধ্যে HTTPS-এ served হলেও)।
Performance সত্যিকারের (ধীরগতির) হার্ডওয়্যারে

টেস্টিং টিপস

আপনার ফোনের developer tools ব্যবহার করুন। macOS-এ Safari, live debugging-এর জন্য mobile Safari-এর সাথে সংযুক্ত হতে পারে; Chrome, Android Chrome-এর সাথে সংযুক্ত হতে পারে।
Landscape মোডেও টেস্ট করুন। বেশিরভাগ ডেভেলপার শুধু portrait টেস্ট করেন এবং landscape বাগ মিস করেন।
Low-power mode চালু রেখে টেস্ট করুন। Animation এবং timer ভিন্নভাবে আচরণ করে।
PWA push-এর জন্য সত্যিকারের iPhone-এ টেস্ট করুন। iOS-এ push notification শুধুমাত্র Safari-এর মাধ্যমে ইনস্টল করা PWA থেকে কাজ করে।