اختبر شكل موقعك على شاشات الحاسوب والجهاز اللوحي والهاتف.
أنت تصمم موقعك على حاسوبك، وأغلب زوارك يفتحونه من الهاتف. أداة محاكي دقة الشاشة في جود تعرض أي صفحة بعرض الشاشة التي تختارها، من هاتف Android بعرض 360 بكسل إلى حاسوب مكتبي بعرض 1920، فترى ترتيب الأعمدة والقوائم والصور كما يراه زائر يستعمل ذلك الجهاز.
الصفحة داخل المعاينة حية: يمكنك التمرير فيها والضغط على روابطها.
شاشة الآيفون فيها أكثر من ألف بكسل في العرض، لكن المتصفح يتعامل معها كأن عرضها 390 بكسل فقط، ويرسم كل بكسل منها بعدة نقاط ليبقى النص حادًا. هذه المقاسات المنطقية هي التي يرى بها موقعك الشاشة، وعليها تُبنى قواعد التصميم المتجاوب، لذلك تستعملها القائمة.
المعاينة تعرض الصفحة داخل إطار (iframe). مواقع كثيرة، مثل Google والبنوك والشبكات الاجتماعية، تمنع ذلك لأسباب أمنية بترويسة X-Frame-Options أو frame-ancestors. الأداة تقرأ ترويسات الصفحة أولًا، فإن وجدت المنع أخبرتك به بدل أن تعرض مربعًا فارغًا، وأعطتك زر «فتح في نافذة بهذا المقاس». على الحاسوب يفتح هذا الزر الصفحة في نافذة مستقلة بالعرض والارتفاع المختارين.
جرّب على الأقل 360 للهواتف الصغيرة، و390 للآيفون، و768 للأجهزة اللوحية، و1366 للحواسيب المحمولة الشائعة. عند هذه الحدود تنكسر التصاميم غالبًا: قائمة لا تتحول إلى زر، أو جدول يخرج عن الشاشة، أو صورة أعرض من الصفحة.
وحين يصبح التصميم سليمًا، افحص صفحتك من جهة محركات البحث بأداة فحص السيو الشامل للموقع.
نستخدم ملفات تعريف الارتباط لقياس الزيارات وتحسين الموقع (Google Analytics)، وقد نعرض إعلانات لاحقاً. لا نفعّل ذلك إلا بموافقتك. سياسة الخصوصية
