21 دقیقه19 آبان 140519 آبان 1405واحد تولید محتواحمیدرضا علیبخشی0
21 دقیقه19 آبان 140519 آبان 1405واحد تولید محتواحمیدرضا علیبخشی0
نمونه:
چه چیزهایی بررسی می‌شود؟
موبایل‌پسند بودن فقط «کوچک شدن» نیست؛ یک سایت خوب در موبایل باید سریع باز شود، بدون اسکرول افقی درست دیده شود، متن‌ها خوانا باشند و دکمه‌ها به‌راحتی لمس شوند. این ابزار نشانه‌های اصلی هرکدام را در کد صفحه بررسی می‌کند.
Viewport
متای viewport
اولین شرط نمایش درست در گوشی؛ بدون آن مرورگر سایت را با عرض دسکتاپ نشان می‌دهد.
Media
استایل ریسپانسیو
قوانین @media مشخص می‌کنند صفحه در اندازه‌های مختلف چطور نمایش داده شود.
Overflow
بیرون‌زدگی
عناصر با عرض ثابتِ بزرگ‌تر از نمایشگر باعث اسکرول افقی می‌شوند؛ یکی از آزاردهنده‌ترین مشکلات موبایل.
Images
تصاویر واکنش‌گرا
srcset اجازه می‌دهد هر دستگاه نسخه‌ی مناسب خودش را دانلود کند؛ هم سرعت و هم کیفیت بهتر می‌شود.
Font
خوانایی متن
متن زیر ۱۲ پیکسل روی گوشی تقریباً ناخواناست و گوگل آن را مشکل تجربه‌ی موبایل می‌داند.
Extras
تنظیمات جانبی
آیکون گوشی، رنگ قالب و شماره‌ی قابل لمس؛ جزئیاتی که تجربه‌ی حرفه‌ای می‌سازند.