اختبار تجاوب المواقع

اكتب رابط موقعك وشاهده على الهواتف والأجهزة اللوحية والحواسيب بمقاساتها الحقيقية، أو جرّب أي عرض وارتفاع تريده، أو قارن عدة أجهزة جنبًا إلى جنب.

×
مهم: بعض المواقع (مثل فيسبوك وجوجل وبعض المتاجر) تمنع عرضها داخل إطار، فيظهر الإطار فارغًا أو برسالة رفض. في هذه الحالة استخدم زر «فتح في نافذة بنفس المقاس» فهو يعمل مع أي موقع. المواقع التي تعتمد https فقط تُعرض بشكل صحيح هنا.
اكتب رابط موقعك في الأعلى ثم اضغط «اختبار».

اختبار كود HTML مباشرة

الصق كود صفحتك لتراها على الأجهزة المختلفة دون نشرها، وهذا يعمل دائمًا حتى مع المواقع التي تمنع الإطارات.

قائمة فحص سريعة للتجاوب

تأكد منها بالنظر في الإطارات أعلاه.

ملاحظة: الإطار يُظهر العرض والارتفاع الحقيقيين لنافذة التصفح، لكنه لا يحاكي نظام الجهاز أو متصفحه (مثل خط الجهاز أو شريط العنوان أو لمس الشاشة)، فاختبر على جهاز حقيقي قبل الاعتماد النهائي. على الحاسوب يلتقط زر الصورة تبويبك عبر مشاركة التبويب دون رفع أي شيء. على الجوال يُرسَل الرابط فقط إلى خدمة لقطات خارجية مجانية (Microlink) لتصوير الموقع، ثم تُركَّب الصورة مع إطار الجهاز في متصفحك؛ ولا يُرسل غير ذلك إلى خادم؛ الرابط يُفتح مباشرة من متصفحك.

كيف تختبر تجاوب موقعك في 5 خطوات؟

أداة مجانية بالكامل، تعمل داخل متصفحك، ولا تحتاج إلى تسجيل. اتبع الخطوات وستحصل على معاينة دقيقة لموقعك على كل الأجهزة.

أدخل الرابط

اكتب رابط موقعك في الحقل العلوي واضغط زر اختبار. الأداة تضيف https:// تلقائيًا إن نسيتها.

اختر الجهاز

اختر الفئة (هاتف، جهاز لوحي، حاسوب محمول، مكتبي) ثم اضغط على الجهاز المطلوب من الشريط.

جرّب مقاسًا مخصصًا

اسحب الزر البنفسجي في زاوية الإطار لتغيير المقاس بحرية، أو اكتب عرضًا وارتفاعًا يدويًا في الخانتين.

قارن الأجهزة

فعّل «عرض عدة أجهزة» لعرض أكثر من جهاز جنبًا إلى جنب (حتى 4) ومقارنة تجاوب التصميم بسرعة.

حمّل الصورة

اضغط زر «تحميل صورة مع الإطار» للحصول على صورة عالية الجودة للمعاينة مع إطار الجهاز، جاهزة للمشاركة.

الأسئلة الشائعة

إجابات سريعة عن أكثر ما يهمّك عند استخدام أداة اختبار التجاوب.

هل أداة اختبار التجاوب مجانية بالكامل؟

نعم، الأداة مجانية بالكامل ولا تحتاج إلى تسجيل. كل المعالجة تتم داخل متصفحك دون رفع أي شيء.

لماذا لا يظهر بعض المواقع داخل الإطار؟

بعض المواقع (مثل فيسبوك وجوجل وبعض المتاجر) تمنع عرضها داخل إطار عبر ترويسة X-Frame-Options. في هذه الحالة استخدم زر «فتح في نافذة بنفس المقاس» الذي يعمل مع أي موقع.

هل يحاكي الإطار نظام الجهاز ومتصفحه؟

الإطار يعرض العرض والارتفاع الحقيقيين لنافذة التصفح، لكنه لا يحاكي نظام الجهاز أو متصفحه (خط الجهاز، شريط العنوان، لمس الشاشة). اختبر على جهاز حقيقي قبل الاعتماد النهائي.

ما المقاسات الأكثر شيوعًا للاختبار؟

الأهم هو اختبار 360px (هاتف صغير)، 768px (جهاز لوحي)، 1024px (جهاز لوحي كبير/لابتوب صغير)، 1280px، 1920px. الأداة تتيح أيضًا أي مقاس مخصص.

هل يعمل اختبار الكود الملصق مع أي صفحة؟

نعم، اللصق المباشر لكود HTML يعمل دائمًا حتى مع المواقع التي تمنع الإطارات، لأن الصفحة تُعرض مباشرة من الكود الملصق دون الحاجة إلى خادم.

كيف أحمّل صورة الاختبار؟

على الحاسوب يلتقط زر الصورة تبويبك عبر مشاركة التبويب. على الجوال يُرسَل الرابط فقط إلى خدمة لقطات خارجية مجانية (Microlink) لتصوير الموقع، ثم تُركَّب الصورة مع إطار الجهاز في متصفحك.

هل يمكنني مقارنة أكثر من جهاز في نفس الوقت؟

نعم، اضغط زر عرض عدة أجهزة ثم اختر حتى 4 أجهزة من الفئات المختلفة لعرضها جنبًا إلى جنب في نفس الشاشة.

هل يمكن حفظ الاختبار ومشاركته؟

نعم، زر نسخ رابط الاختبار يحفظ الرابط والمقاس والجهاز في عنوان الصفحة (hash)، فيمكنك مشاركته مع فريقك وفتحه لاحقًا لاستعادة نفس الحالة.

زيارة موقع امتداد