3 طرق لاختبار توافق موقعك مع الشاشات والهواتف الذكية ؟!

بواسطة | مايو 5, 2016

السلام عليكم ورحمة الله

يحتاج كل صاحب موقع وليس المبرمجين فقط لاختبار مدى توافق موقعه مع الهواتف الذكية والشاشات بمختلف قياساتها !

المشكلة التي تواجه المبرمجين هي تعدد انواع الهواتف بشكل كبير مما يجعل اختبار التوافق امراً فيه صعوبة ..

لكن هذا لا يتطلب من المبرمج أو صاحب الموقع ان يمتلك جميع انواع الهواتف والشاشات لاختبار التصميم ! 🙂

هناك طرق تعطي اختبار لمدى توافق الموقع ولو بشكل محدود ..

سأذكر منها 3 طرق فقط !

الطريقة الأولى:

موقع quirktools يقدم خدمة اختبار مدى توافق الموقع مع الهواتف الذكية والشاشات !

الموقع بواجهة بسيطة ومميزة سهلة الاستخدام ..

لهذا افضل استخدامه عند اختبار مدى توافق مواقعي وانصح كذلك باستخدامه للسبب ذاته !

ما عليك القيام به ..

بعد الدخول لـ (رابط الموقع) ضع رابط موقعك في المكان المخصص لذلك ثم ستظهر لك شاشة موقعك لتبدأ باختبارها !

بعد ذلك ستجد العديد من الخيارات في الشريط العلوي ..

الخيارات تمثل عدد من القياسات المعروفة للشاشات والهواتف !

بمجرد الضغط على الخيار سيظهر موقعك وكأنه معروض فعلياً على تلك الشاشة ..

بالنسبة لي اعتمد هذه الطريقة في اختبار توافق الموقع مع الشاشات ذات القياسات العريضة لكني لا اعتمد عليه بشكل كلي في اختبار توافق الموقع مع الهواتف الذكية !

السبب في ذلك ان اختبار الموقع على الهاتف نفسه يعطي نتيجة أدق ..

الطريقة الثانية:

يوفر لك متصفح جوجل كروم ميزة اختبار مدى توافق الموقع مع الهواتف الذكية !

ربما الكثير منّا يستخدم متصفح جوجل كروم بشكل يومي ولا يعلم عن هذه الميزة .. 🙂

  • اضغط right c click
  • اختر (فحص) او اضغط ( ctlrl + shift +I )
  • يفضل الضغط على هذا الخيار (1) الموضح في الصورة لتقسيم الشاشة بشكل عمودي
  • اضغط الخيار (2) لعرض الموقع كما يظهر على شاشة الهاتف
  • اضغط الخيار (3) لاختيار نوع الهاتف من بين عدة خيارات يوفرها المتصفح.

3 طرق لاختبار توافق الموقع مع الشاشات والهواتف الذكية

(في حال عدم ظهور الصورة اضغط هنا)

هذه الطريقة تعطي نتيجة اكثر دقة بالنسبة لاختبار التوافق مع الهواتف الذكية !

الطريقة الثالثة:

هذه طريقة بسيطة يمكن استخدامها لعمل اختبار سريع لمدى توافق الموقع !

تعتمد هذه الطريقة على تصغير نافذة المتصفح ثم وضع مؤشر الماوس على احد جوانب نافذة المتصفح حتى يصبح المؤشر على شكل سهمين متقابلين ..

بعد ذلك نبدأ بسحب النافذة لتقليل عرضها تدريجياً !

لست متأكد من وضوح الشرح للطريقة الثالثة دون الحاجة للصور ..

هذه الطريقة رغم بساطتها الا أن هناك من المبرمجين من يعتمدها لاختبار توافق موقعه وذلك لسهولة استخدامها !

الا انها لا تعطي نتائج شاملة لجميع القياسات ..

لا يشترط ان تكون مصمم مواقع لكي تستخدم هذه الطرق بل يمكن لاي شخص استخدامها اذا كان يحتاج لاختبار توافق موقعه وتصحيح الاخطاء !

بالنسبة لي أفضل استخدام الطريقة الثانية لاختبار التوافق على الهواتف الذكية واستخدم الطريقة الاولى لاختبار التوافق على الشاشات ذات القياسات المختلفة ..

اما الطريقة الثالثة فأستخدمها كمعاينة سريعة لكني لا اعتمدها بشكل اساسي !

شكراً لمتابعتكم ..

اترك تعليقاً

لن يتم نشر عنوان بريدك الإلكتروني. الحقول الإلزامية مشار إليها بـ *