মোবাইলে পরীক্ষা করুন

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

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

Builder-এ responsive preview

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

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

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

QR কোড দিয়ে আপনার ফোনে খুলুন

আসল ডিভাইসে সবচেয়ে দ্রুত যাওয়ার উপায় হলো dashboard-এর Mobile → Test ট্যাব। আপনার অ্যাপ publish হয়ে গেলে, এটি একটি QR code দেখায় — লাইভ অ্যাপ তাৎক্ষণিকভাবে খুলতে আপনার ফোনের ক্যামেরা দিয়ে স্ক্যান করুন। আপনি যদি নিজেকে URL পাঠাতে চান তাহলে একটি Copy link বাটনও আছে। (যদি আপনি এখনও publish না করে থাকেন, ট্যাবটি আপনাকে আগে publish করতে বলবে — ডিভাইসে পরীক্ষার জন্য একটি live URL প্রয়োজন।)

আসল ডিভাইসে পরীক্ষা করুন

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

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

যেসব বিষয় শুধু আসল ডিভাইসেই ধরা যায়

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

পরীক্ষার টিপস

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