تطوير مواقع الويب لتتوافق مع الجوالات

[نورهان مصطفي]

_ يتم عرضها للمستخدم النهائي اعتمادا على حجم أو نوع الجهاز الوصول إليه ، من المهم للغاية تقليل كمية التمرير أو تغيير الحجم التي يجب على المستخدم القيام بها عند الوصول إلى المحتوى على جهاز محمول.
_ يتم استخدام استعلامات الوسائط لتغيير نمط عناصر html اعتمادا على الحجم الكلي لشاشة الجهاز
التي يتم الوصول إليها.
_ وتستخدم هذه الطريقة عادة لتغيير مظهر الشبكة أو تغيير حجم الصورة أو إخفاء أو تغيير سمات العنصر البصرية لجعله أكثر سهولة وجاذبية على شاشات الأجهزة الأصغر حجما مثل الهواتف المحمولة أو الأجهزة اللوحية.
_ الاستجابة لا تعني الحل الأمثل لأداء الجوال !!. يتم تفسير css بواسطة متصفح الجهاز الذي يطلب ذلك
وهذا يعني أنه ليس لديه أي وسيلة للاتصال مباشرة مع الخادم، لذلك كل ما هو قادر على القيام به
هو التأثير سمات البصرية للعناصر داخل الموقع.
لنفترض أن لدينا قائمتين قمنا بتصميمهما لموقع على الإنترنت
_ واحدة للعرض على أجهزة سطح المكتب أو أعلى دقة والآخر لأجهزة المحمول أو الاقل دقة. باستخدام استعلامات وسائط الوسائط css، يمكننا أن نقول للمتصفح أنه إذا كان عرض الشاشة أصغر من X أو يصبح أصغر من ذلك، فقم بإخفاء قائمة سطح المكتب وعرض قائمة الجوال بدلا من ذلك. هذا النهج يعمل،
وما يراه المستخدم هو جميل تصميم القائمة المتنقلة التي هي أسهل بكثير للوصول من نظيره سطح المكتب.
ومع ذلك، إذا كنت لتفقد شفرة المصدر تسليمها إلى المتصفح، وسوف تجد أن ترميز هتمل لقائمة سطح المكتب لا يزال يجري إرجاعها من الخادم ويتم إخفاء ببساطة من شاشة الجهاز. هذا ليس الأمثل لأن الخادم الآن الحاجة إلى معالجة المعلومات غير الضرورية وسوف يستغرق في نهاية المطاف وقتا أطول من اللازم للعودة الطلب.
_ وهناك طريقة أفضل للتعامل مع القوائم اثنين هو الكشف عن نوع الجهاز جعل الطلب قبل تحميل أي منهم من الملقم.
وهذا يسمح للجهاز نفسه أن يقول الخادم الذي من القوائم اثنين لتحميل وبشكل أكثر تحديدا عدم تحميل أي من الترميز
لقائمة لا يتم استخدامها.
إن إدارة المحتوى الذي يرسله الخادم على أساس شرطي عن طريق الكشف عن نوع الجهاز الذي يطلبه، جنبا إلى جنب مع استعلامات وسائط css التقليدية، سيؤدي إلى تحسين الأداء وإمكانية الوصول إلى موقع ويب على أجهزة الجوال