محاكي دقة الشاشة المجاني
يعرض محاكي دقة الشاشة المجاني هذا حجم شاشتك الخاصة وحجم نافذة المتصفح، ويستعرض أي صفحة ويب بعرض الهاتف أو الجهاز اللوحي أو الكمبيوتر المحمول أو سطح المكتب. اختر جهازاً أو اكتب عرضاً، والصق عنوان الصفحة وستحمل الصفحة في إطار بهذا الحجم. جدول أحجام الأجهزة الشائعة يعمل حتى بدون JavaScript.
محاكي دقة الشاشة
Domain and Server
عن هذه الأداة
قد تبدو الصفحة صحيحة على جهاز الكمبيوتر المحمول الخاص بك ولكنها قد تنقطع على هاتف صغير، والطريقة الوحيدة الصادقة لمعرفة ذلك هي مشاهدتها بهذا العرض. تحمل هذه الأداة صفحتك في إطار بالعرض الذي تختاره، حتى تتمكن من التحقق من القوائم والصور والأزرار بعرض 360 أو 390 أو 768 أو 1366 بكسل دون امتلاك كل جهاز. كما تبلغ عن حجم شاشتك ونافذتك الخاصة، وهو ما تطلبه فرق الدعم غالباً.
الأرقام هي بكسلات CSS، الوحدات التي يستخدمها تخطيط صفحة الويب، وليست البكسلات الفيزيائية للشاشة. الهاتف الذي يحتوي على شاشة حادة جداً لا يزال يبلغ عن viewport بعرض حوالي 360 إلى 430 بكسل CSS، وهو ما يجب أن يناسب تصميمك. يسرد الجدول الأحجام النموذجية لفئات الأجهزة الشهيرة. تختلف الأجهزة الحقيقية، وأشرطة أدوات المتصفح تأخذ بعض الارتفاع، لذا تعامل مع الأحجام كدليل قريب بدلاً من قياس دقيق.
تحظر العديد من مواقع الويب عرضها داخل صفحة أخرى، لحماية الزوار من خدع النقر. عندما يرسل الموقع هذه التعليمات، تكتشفها هذه الأداة، ولا تعرض معاينة وتقول ذلك، بدلاً من عرض صندوق فارغ. يمكن عرض موقعك الخاص في إطار إذا لم يرسل X-Frame-Options أو قاعدة frame-ancestors. كما أن المعاينة المؤطرة لا تشغل استعلامات الوسائط على الجهاز نفسه، لذا تأكد من التخطيطات المهمة على هاتف حقيقي قبل الإطلاق.
الأسئلة الشائعة
لماذا تقول المعاينة أن الصفحة لا يمكن عرضها في إطار؟
تُرسل العديد من المواقع، بما في ذلك البنوك والشبكات الاجتماعية والمتاجر الكبيرة، رأس يحظر عرض الصفحة داخل صفحة أخرى، كحماية ضد اختطاف النقر. سيعرض المتصفح صندوقاً فارغاً، لذا تخبرك الأداة بدلاً من ذلك. اختبر تلك المواقع في أدوات مطور المتصفح الخاص بك في وضع الجهاز.
ما الفرق بين حجم الشاشة وحجم viewport؟
حجم الشاشة هو العرض الكامل لجهازك. viewport هو جزء نافذة المتصفح الذي يعرض صفحة الويب، وهو أصغر لأنه يحتوي على أشرطة أدوات وأشرطة تمرير. تتفاعل التخطيطات مع viewport، لذا هذا هو الرقم الذي يهم للتصميم المتجاوب.
هل أحجام الأجهزة دقيقة؟
إنها أحجام بكسل CSS النموذجية لفئات الأجهزة الشائعة. تختلف الهواتف والأجهزة اللوحية حسب الطراز والبرنامج، وتتغير أشرطة المتصفح الارتفاع. إنها دقيقة بما يكفي لاكتشاف مشاكل التخطيط، لكن اختبر دائماً الصفحات المهمة على جهاز حقيقي قبل الإطلاق.
هل يختبر هذا موقعي على هاتف حقيقي؟
لا. إنه يضيق الإطار إلى عرض الهاتف، بحيث تطبق الصفحة قواعد التخطيط المحمول الخاصة بها، لكنها لا تزال تعمل في المتصفح الحالي. قد يختلف سلوك اللمس والخطوط وأشرطة المتصفح والأداء على هاتف حقيقي. استخدمه كفحص سريع أول، وليس الاختبار النهائي.
هل يتم حفظ العنوان الذي أدخله؟
لا. يطلب خادمنا الصفحة مرة واحدة لقراءة رؤوس الإطار الخاصة بها ثم ينساها. تحمل المعاينة نفسها مباشرة من الموقع إلى متصفحك. لا نحفظ العنوان أو محتوى الصفحة أو حجم شاشتك.

