أدخل الرابط
اكتب رابط موقعك في الحقل العلوي واضغط زر اختبار. الأداة تضيف https:// تلقائيًا إن نسيتها.
اكتب رابط موقعك وشاهده على الهواتف والأجهزة اللوحية والحواسيب بمقاساتها الحقيقية، أو جرّب أي عرض وارتفاع تريده، أو قارن عدة أجهزة جنبًا إلى جنب.
الصق كود صفحتك لتراها على الأجهزة المختلفة دون نشرها، وهذا يعمل دائمًا حتى مع المواقع التي تمنع الإطارات.
تأكد منها بالنظر في الإطارات أعلاه.
ملاحظة: الإطار يُظهر العرض والارتفاع الحقيقيين لنافذة التصفح، لكنه لا يحاكي نظام الجهاز أو متصفحه (مثل خط الجهاز أو شريط العنوان أو لمس الشاشة)، فاختبر على جهاز حقيقي قبل الاعتماد النهائي. على الحاسوب يلتقط زر الصورة تبويبك عبر مشاركة التبويب دون رفع أي شيء. على الجوال يُرسَل الرابط فقط إلى خدمة لقطات خارجية مجانية (Microlink) لتصوير الموقع، ثم تُركَّب الصورة مع إطار الجهاز في متصفحك؛ ولا يُرسل غير ذلك إلى خادم؛ الرابط يُفتح مباشرة من متصفحك.
أداة مجانية بالكامل، تعمل داخل متصفحك، ولا تحتاج إلى تسجيل. اتبع الخطوات وستحصل على معاينة دقيقة لموقعك على كل الأجهزة.
اكتب رابط موقعك في الحقل العلوي واضغط زر اختبار. الأداة تضيف https:// تلقائيًا إن نسيتها.
اختر الفئة (هاتف، جهاز لوحي، حاسوب محمول، مكتبي) ثم اضغط على الجهاز المطلوب من الشريط.
اسحب الزر البنفسجي في زاوية الإطار لتغيير المقاس بحرية، أو اكتب عرضًا وارتفاعًا يدويًا في الخانتين.
فعّل «عرض عدة أجهزة» لعرض أكثر من جهاز جنبًا إلى جنب (حتى 4) ومقارنة تجاوب التصميم بسرعة.
اضغط زر «تحميل صورة مع الإطار» للحصول على صورة عالية الجودة للمعاينة مع إطار الجهاز، جاهزة للمشاركة.
إجابات سريعة عن أكثر ما يهمّك عند استخدام أداة اختبار التجاوب.
نعم، الأداة مجانية بالكامل ولا تحتاج إلى تسجيل. كل المعالجة تتم داخل متصفحك دون رفع أي شيء.
بعض المواقع (مثل فيسبوك وجوجل وبعض المتاجر) تمنع عرضها داخل إطار عبر ترويسة X-Frame-Options. في هذه الحالة استخدم زر «فتح في نافذة بنفس المقاس» الذي يعمل مع أي موقع.
الإطار يعرض العرض والارتفاع الحقيقيين لنافذة التصفح، لكنه لا يحاكي نظام الجهاز أو متصفحه (خط الجهاز، شريط العنوان، لمس الشاشة). اختبر على جهاز حقيقي قبل الاعتماد النهائي.
الأهم هو اختبار 360px (هاتف صغير)، 768px (جهاز لوحي)، 1024px (جهاز لوحي كبير/لابتوب صغير)، 1280px، 1920px. الأداة تتيح أيضًا أي مقاس مخصص.
نعم، اللصق المباشر لكود HTML يعمل دائمًا حتى مع المواقع التي تمنع الإطارات، لأن الصفحة تُعرض مباشرة من الكود الملصق دون الحاجة إلى خادم.
على الحاسوب يلتقط زر الصورة تبويبك عبر مشاركة التبويب. على الجوال يُرسَل الرابط فقط إلى خدمة لقطات خارجية مجانية (Microlink) لتصوير الموقع، ثم تُركَّب الصورة مع إطار الجهاز في متصفحك.
نعم، اضغط زر عرض عدة أجهزة ثم اختر حتى 4 أجهزة من الفئات المختلفة لعرضها جنبًا إلى جنب في نفس الشاشة.
نعم، زر نسخ رابط الاختبار يحفظ الرابط والمقاس والجهاز في عنوان الصفحة (hash)، فيمكنك مشاركته مع فريقك وفتحه لاحقًا لاستعادة نفس الحالة.