دستورات شرطي براي اينترنت اکسپلورر

طراحان وب سايت براي تست وب سايت طراحي شده مي بايست وب سايت را در مرورگرهاي مختلفي تست کنند تا بازديد کنندگان در همه مرور گر ها طرح يکساني ببينند چون نمايش متفاوت در مرورگرهاي متفاوت براي يک طراح يک ضعف بزرگ محسوب مي شود .مثلا فرض کنيد شما به عنوان طراح وب سايت طرح خود را در مرورگر محبوب فايرفاکس تست مي کنيد وآپلود مي کنيد. همه چيز عالي به نظر مي رسد ولي يک مشکل بزرگ ! سفارش دهنده وب سايت را در مرورگر اينترنت اکسپلورر نسخه 6 باز مي کند(واي همه چيز به هم ريخته!!)خوب راه حل چيست ؟
اول اين که بايد شرايطي فراهم آوريم تا بتوانيم وب سايت طراحي شده را در مرورگرهاي مختلف خصوصا IE6 , IE5 تست کنيم . هميشه اين رابه خاطر داشته باشيد درست است که مرورگرهاي firefox , opera,chrome جزء بهترين و روانترين مرورگرهاي موجود ميباشد ولي طبق آخرين آمارها با وجود IE8 هنوز هم اکثر کاربران اينترنت از IE5 ,IE6 استفاده ميکنند و علاقه اي هم به آپديت کردن مرورگرهاي خود ندارند . پس وب سايت شما بايد در همه مرور گرها درست نمايش يابد. همانطوري که گفتم که بايد شرايطي فراهم آوريم تا بتوانيم وب سايت طراحي شده را در مرورگرهاي مختلف تست کنيم . براي اين کار بايد بايد نسخه هاي مختلف مرورگر را در کامپيوتر نصب داشته باشيم بعضي از مرور گر ها روي windows و بعضي مرورگر ها روي mac و بعضي روي Linux کار ميکنند (firefox روي تمام سيستم عامل ها کار مي کنند) پس بايد سيستم عامل هاي متقاوتي هم داشته باشيم که به طور حتم کار جالبي نيست .راه بهتر اين است که با يک برنامه بتوان از چند سيستم عامل در روي يک سيستم عامل به صورت مجازي استفاده کرد . مثل VirtualBox که آن را مي توانيد از آدرس http://www.asandownload.com دانلود کنيد. نه به اين صورت که چند سيستم عامل به صورت مجزا نصب شود، بلکه چند سيستم عامل در يک ويندوز بارگذاري شود و دقيقا به صورت مجازي!
البته يک وب سايت هم موجود است که همه اين کارها رو براي شما انجام بدهد ولي براي اين کار از شما هزينه دريافت مي کند. وب سايت www.browsercam.com ميتواند وب سايت شما را در همه سيستم عامل ها و در همه مرورگرها تست کرده و نتيجه را به شما نمايش دهد .البته اين وب سايت براي عکس گرفتن از نتيجه کار چند روزي رايگان مي باشد و مثلا نحوه نمايش وب سايت شما را در Linux با مرورگر Firefox به صورت فايل .jpg نمايش مي دهد. حتما به اين سايت سري بزنيد مطمئن باشيد ارزشش را دارد.
البته شايد شما هم مثل من جزء آن دسته از طراحاني هستيد که زياد تمايل نداريد طرح خود را در سيستم عامل هاي غير از Windows تست کنيد زيرا بالاي 95 درصد از مردم ايران از اين سيستم عامل استفاده مي کنند پس کافي است مرورگرهاي زير را بر روي ويندوز نصب داشته باشيم :
IE5 , IE6 , IE7 , FireFox , Opera , Chrome
استاندارد هاي FireFox , Opera , Chrome بسيار شبيه به هم است ولي امان از IE5 , IE6 !
IE7 , IE8 بهتر از نسخه هاي قبل بوده و کارکردي تقريبا شبيه به نسخه هاي mozilla دارند و البته بازهم نه به خوبي آنها.

يه مشکل داريم ! چطور ميتونيم نسخه هاي مختلف IE را کنار هم در ويندوز نصب داشته باشيم؟
خوب بازهم سراغ اينترنت ميريم و از اين دوست عزيز مدد مي جوييم :
سايت www.tredosoft.com/Multiple_IE برنامه اي در اختيار شما قرار مي دهد تا اين کار را انجام دهيد. اگرچه اين نسخه ها Stable نيستند ولي براي تست وب سايت طراحي شده مناسب مي باشند . من بر روي کامپيوتر خودم , FireFox3 , Opera IE5 ,IE6 ,IE8 را نصب دارم.
حالا همه اين کارها رو انجام داديم تا ببينيم تفاوت ها در نمايش روي مرورگرهاي مختلف به چه صورت است .يعني يک قدم به جلو . حداقل اين است که ميدانيم روي چه مرورگرهاي وب سايت درست نمايش پيدا مي کند و در چه مرورگرهاي نمايشي دور از انتظار را داريم. البته طي تجربه ديده ام که مشکلات اکثرا روي IE6 و نسخه هاي پايين تر بروز مي کند .
پس از کشف مشکلات که روي IE بوجود مي آيد بايد آنها را برطرف کنيم .براي اين کار بايد دستورات شرطي اينترنت اکسپلورر (internet explorer condition components ) استفاده کنيم تا بتوانيم نسخه مرورگرIE مورد نظر در دستگاه کاربر را تشخيص داده و نسبت به آن رفتار وب سايت را تعيين کنيم .
دستورات شرطي اينترنت اکسپلورر مي تواند ورژن ماشين هدف(نسخه مرورگر IE) رو تشخيص دهد و نسبت به آن رفتار خاصي داشته باشد . به طور مثال :
براي اين که بخواهيم يک لايه در مرکز عرض صفحه با مارجين برابر از کنار ها قرار بگيرد پس از تعيين عرض لايه از دستور margin:auto ; استفاده مي کنيم اما در مرورگر IE5 لايه در مرکز قرار نميگيرد!
براي اين که در اين مرورگر هم در مرکز قرار بگيردبايد از دستور text-align:center; در والد خودش استفاده کرد. پس بايد يک فايل css جدا نوشت مختص IE5 مثلا به نام ie5style.css و در صفحه وب سايت تعيين کنيم که اگر مرورگر IE5 بود از اين فايل ie5style.css استفاده کند.

دستورات براي شناسايي نسخه ها IE:

<!–[if IE]> <link href=“iecss.css” rel=“stylesheet” type=“text/css”> <![endif]–>

اين دستور بيان ميکند اگر نسخه مرورگر IE با هر ورژني بود از فايل iecss.css براي فرمت بندي صفحه استفاده کند و در غير اين صورت از فرمت بندي که در صفحه تعيين ميشود استفاده کند

<!–[if IE 6]> <p>Only IE 6 will see this</p> <![endif]–>

اگر IE6 بود دستورات بين تگ p را مشاهده مي کند که ميتواند لينک به يک فايل css باشد مثل بالا و يا در همان جا به صورت internal دستورات css را تعريف کرد و يا در آنجا از دستورات javascript استفاده کرد.

<!–[if lt IE 7]> <p>Only less than IE 7 will see this</p> <![endif]–>

منبع: www.ittutorial.ir
/س