Internet Explorer – أسوأ كابوس مصمم الويب ، وكيفية التعامل معه


افضل شركات تصميم المواقع

ربما سمعتها من قبل ، أو ربما كنت قد واجهت هذا العدو بنفسك. غالبًا ما يكون Internet Explorer (IE) أسوأ كابوس لمصمم الويب ، حيث إنه دائمًا ما يكون خلف المنحنى قليلاً ، وغريبًا بعض الشيء ، وشائعًا جدًا بحيث لا يمكن تجاهله. تأتي جميع أنظمة تشغيل Windows مزودة بـ IE مثبتًا مسبقًا ، مما يعني أن جزءًا كبيرًا جدًا من الجمهور يستخدم هذا المتصفح بانتظام بدلاً من التبديل إلى متصفح أفضل. ربما يكون الأمر صعبًا للغاية ، وربما ليسوا على دراية بالكمبيوتر بما يكفي لمعرفة كيفية التبديل أو حتى لماذا يجب عليهم ذلك. الآن قد يبدو الأمر مثيرًا للسخرية ، لكنني أكتب حاليًا هذا المنشور باستخدام IE ، ولكن في الواقع ، السبب الحقيقي وراء قيامي بذلك هو لان أنا مطور ويب. أعلم أنه إذا كان بإمكاني الحصول على موقع يعمل بشكل صحيح في Internet Explorer ، فسوف يعمل بشكل أفضل في Firefox.

يختار بعض مصممي الويب تجاهل IE تمامًا ، مما يتيح لزوارهم معرفة أن أفضل ما لديهم هو تنزيل Firefox أو Chrome إذا كانوا يرغبون في تجربة الموقع على أكمل وجه. ولكن مع استخدام ما يقرب من خُمس مستخدمي الإنترنت لـ IE ، فقد لا يكون هذا الحل هو الحل الأكثر حكمة. قد يختار الآخرون جعل مواقعهم الإلكترونية متوافقة مع IE9 ولكن ليس الإصدارات الأقدم (نظرًا لأن IE9 يكاد يكون جيدًا مثل Firefox و Chrome والمتصفحات الأخرى المتوافقة مع المعايير) ؛ ولكن مرة أخرى ، لدينا ما يقرب من 9٪ من المستخدمين يستخدمون IE8 ، وهو ما يزيد عن 6.4٪ يستخدمون IE9.

إذن ما العمل؟ كمصمم ويب ، لم نفقد كل شيء. هناك العديد من الأشياء التي يمكن للمرء القيام بها للتأكد من أن التصميم يعمل بشكل جيد في جميع المتصفحات ، ويتحلل بشكل جيد إذا كان يستخدم عناصر غير مدعومة في IE ، خاصة تلك الأقدم من IE9. يجب أن أعترف أنني أرفض محاولة جعل موقعًا متوافقًا مع IE6 أو أقدم ؛ لمحاولة القيام بذلك سيكون تعقيد الكود مع جميع أنواع الاختراقات ، ومن الآمن جدًا تجاهل IE6 في هذه المرحلة. في أبريل من عام 2012 ، كانت النسبة المئوية للمستخدمين الذين يستخدمون IE6 0.7٪ ، وبالنظر إلى أنه من المحتمل أن يكون هؤلاء المستخدمون قد اعتادوا على المواقع المعطلة الآن ، فقد اخترت تجاهل هذا المحتوى الهامشي.

إذن ، إليك قائمة مختصرة بالأشياء التي يجب التفكير فيها عند تصميم موقع ليكون متوافقًا مع المتصفحات:

  1. اكتب رمزًا صالحًا ومتوافقًا مع معايير W3C، وتحقق من صحتها باستخدام مدقق W3C. يمكنك الكتابة بلغة HTML 4.01 أو XHTML 1.0 ، وطالما أنها تتحقق من صحة وتستخدم ممارسات تشفير جيدة (مثل استخدام (X) HTML للهيكل و CSS للتصميم) ، يجب أن تظهر بشكل متسق في جميع المتصفحات ، بما في ذلك IE7 / 8 . لا أعلق على استخدام HTML5 لأنني لا أعمل معها حاليًا ، ولكن من المواقع التي رأيتها وبعض الأبحاث التي أجريتها ، فإن HTML5 غير متوافق تمامًا مع المتصفحات القديمة ، وخاصة IE. يمكنك أيضًا التحقق من صحة CSS والبرامج النصية الخاصة بك ، لذا تأكد من المضي قدمًا والقيام بذلك.
  2. اختبر في متصفحات متعددة، بما في ذلك الإصدارات القديمة من IE. هنا يجب أن أذكر أدوات مطور Internet Explorer لأولئك الذين لم يكتشفوا هذا النظام الصغير المفيد الذي يمتلكه IE ، وكذلك المتصفحات الأخرى مثل Firefox. في IE9 ، يمكنك العثور عليها في زر الأدوات في شريط الأدوات ، ثم النقر فوق F12 Developer Tools ، أو ببساطة اضغط على F12 على لوحة المفاتيح. هناك الكثير من الأدوات المفيدة هنا ، من تعطيل البرامج النصية أو CSS (حاول تعطيل CSS و Javascript في وقت ما لترى كيف سيبدو موقعك بدونهما ؛ وهذا يعطي فكرة عن كيفية قراءة برامج قراءة الشاشة لموقعك) ، إلى التحقق من صحة التعليمات البرمجية الخاصة بك. هناك أيضًا وضع متصفح يسمح لك بتحديد وضع التوافق IE9 أو IE8 أو IE7 (ما لم يكن لديك IE8 مثبتًا على جهازك ، وفي هذه الحالة سيسمح لك بتحديد IE7 و IE6). باستخدام هذه الأداة ، يمكنك اختبار موقعك على الإصدارات القديمة من Internet Explorer دون سحب الكمبيوتر القديم مع استمرار تثبيت المتصفح القديم.
  3. إذا كنت تستخدم جهاز Mac أو لا تستطيع الحصول على Internet Explorer لسبب آخر ، فيمكنك استخدام عارض مثل netrenderer. إنه يعطي فقط لقطة شاشة لموقعك ، ولا يسمح لك باختبار التفاعل (حتى شيء بسيط مثل التمرير لأسفل الصفحة) ، ولكنه سيعطي فكرة تقريبية عن مدى جودة أدائك. للحصول على طرق اختبار أكثر واقعية ، يمكنك تجربة بحث Google عن “محاكي Internet Explorer”. هناك خيارات أخرى ، ولكن بما أنني لا أمتلك جهاز Mac ، لم أزعج نفسي باختبار أي منها.
  4. فكر في طرق بديلة لترميز موقعك. ربما بدلاً من استخدام CSS لإنشاء زوايا دائرية وظلال وتدرجات ، يمكنك الذهاب إلى المدرسة القديمة واستخدام الصور. غالبًا ما يمكن جعل الصور صغيرة بما يكفي بحيث لا تستغرق وقتًا أطول للتحميل ، والنتيجة هي موقع جميل يبدو متماثلًا تمامًا في جميع المتصفحات.

إنه شعور رائع حقًا ، بعد ترميز الشيء ، فتحه في IE7 ورؤية أنه ، بشكل مثير للدهشة ، يبدو تمامًا كما هو الحال في Firefox. الآن هذا إنجاز. والأهم من ذلك ، يمكن أن يثير موقعك إعجابك الكل لمستخدميك ، وليس فقط أولئك الذين لديهم متصفحات أفضل. ما لم يكن هذا هو جمهورك المستهدف بالطبع.


شركة تصميم مواقع

web development


Leave a Comment

Your email address will not be published. Required fields are marked *