السلام عليكم اخوانى الاعزاء اليوم جئت لكم بدرس مفيد جدا جد اً وهذا ينفع المطورين والمبتدأيين
وهذا بعد بحث طال لمده شهور فى المواقع العربيه والاجنبيه
وفى النهايه الحمد لله وجده
فى مدرسة مفيد :nice:
لنبدأ الدرس
بسم الله الرحمن الرحيم
لابد وانه سبق لك كثيراً رؤية مواقع تضع في اسفل صفحاتها عبارة كالتالية "لافضل تصفح استخدم انترنت اكسبلور الاصدار الفلاني " او الموقع متوافق مع IE الاصدار السادس فقط.بحكم انه الاحدث
هذا يعود الى ان بعض الامور في التصميم كبعض اكواد الجافا او اكواد الستايل شيت لايتعرف عليها الى IE اي انها ليس ضمن المعايير القياسية لكل المتصفحات,,ولكن قوة مايكرسوفت وإنتشار منتجاتها ومتصفحها قد اعطاها ربما نوع من القدرة على تحويل المعايير القياسية طبقاً لما لديها وليس لما لدى الاخرين.
وانت كمصمم عادي من حقك ان تصمم الموقع لكي يتوافق مع المتصفح الاكثر انتشاراً وهذا اضعف الايمان.
لكن قد يكون موقعك تجاري او ذو نشاط يهمك ان يتمكن الكل من تصفحة ومهما كان المتصفح المستخدم ,,اي انك تريد تقليل الخسائر باكثر قدر ممكن..
في هذا الدرس ستتعرف على بعض اكواد الجافا سكربت لعمل ذلك
اولاً قم بتصميم نسخة متوافقة مع IE احدث اصدار وحالياً الاصدار السادس..ولنفرض ان هذه النسخة من الموقع ستكون في مجلد باسم IE6
الكود الذي سيتعرف على من يناسبة هذة النسخة وينقله لها كالتالي:
كود PHP:
//MSIE 6.x Detection
if ((navigator.appName == \"Microsoft Internet Explorer\") && (parseInt(navigator.appVersion) >= 6 ))
{location.href=\"http://www.yoursite.com/IE6\";}
ثم صمم نسخة اخرى تناسب المتصفح IE الاصدار الثالث بحكم انه اقدم المتوفر ومايناسبة سيناسب الاصدار الرابع والخامس ولنفرض انك ستسمي مجلد هذه النسخة IE..واستخدم الكود التالي
كود PHP:
//MSIE 3.x To 5.x Detection
else if (navigator.appName == \"Microsoft Internet Explorer\")
{location.href=\"http://www.yoursite.com/IE\";}
الكود اعلاة يتعامل مع اي زائر يستخدم IE اصدار اقدم من السادس ويقوم بتحويلة الى المجلد المناسب.
http://www.yoursite.com/IE
الان لديك نسختان من الموقع يستقبلان اي زائر يستخدم IE مهما كان الاصدار..
الان ننتقل الى المتصفح الثاني من حيث الانتشار وهو Netscape.وهذا المتصفح لايوجد اختلافات كبيرة في التقنيات المدعومة بين النسخ المختلفة له..
لذا فقط انشى نسخة واحدة متوافقة معه وسنفترض انك ستضعها بمجلد مسمى NS,,,وسنستخدم الكود التالي.
كود PHP:
//Netscape Detection
else if ((navigator.appName == \"Netscape\")
{location.href=\"http://www.yoursite.com/NS\";}
ثم اخيراً انشى نسخة رابعة ويجب ان تكون ابسطهم وتكون خاليه من التعقيدات او التقنيات الغير قياسية...وسافترض انك سميت المجلد الذي سيحويها Other.فسوف استخدم الكود كالتالي.
كود PHP:
//Other Browser Detection
else
{location.href=\"http://www.yoursite.com/Other\";}
الان تبقى ان تنشى الملف المسئول عن التدقيق والتحويل...انشى ملف باسم index.html ضعه في المجلد الرئيسي للموقع..وضع الكود النهائي فيه وهو كالتالي:
كود PHP:
<script language=\"JavaScript\">
<!-- Cloak Engaged
//MSIE 6.x Detection
if ((navigator.appName == \"Microsoft Internet Explorer\") && (parseInt(navigator.appVersion) >= 6 ))
{location.href=\"http://www.yoursite.com/IE6\";}
//MSIE 3.x To 5.x Detection
else if (navigator.appName == \"Microsoft Internet Explorer\")
{location.href=\"http://www.yoursite.com/IE\";}
//Netscape Detection
else if ((navigator.appName == \"Netscape\")
{location.href=\"http://www.yoursite.com/NS\";}
//Other Browser Detection
else
{location.href=\"http://www.yoursite.com/Other\";}
//-- Cloak Disengaged -->
</script>
كما تلاحظ انني اختصرت العملية على اربع نسخ فقط....لكن يمكنك انشاء اي قدر ترغب من النسخ ولاي نوع او اصدار للمتصفحات..وتعدل الاكواد فقط...مثال
كود PHP:
if ((navigator.appName == \"Microsoft Internet Explorer\") && (parseInt(navigator.appVersion) >= 6 ))
{location.href=\"http://www.yoursite.com/IE6\";}
فقط قم بتغير Microsoft Internet Explorer بالاسم الرسمي للمتصفح ووضع رقم الاصدار بدلاً من 6 في الكود اعلاه..
تحياتى للجميع