چند وقت پیش در هنگام وبگردی سایتی را دیدم که با اینرنت اکسپلورر ۶ باز نمی شد و پیغام می داد که شما باید مرورگر خود را ارتقا بدهید یا با مرورگر های دیگری مثل فایرفاکی اپرا و … ببینید و یا ار فیدخوان استفاده کنید. برایم خیلی جالب بود و به خاطر همین هم پیگر شدم و ببینم چه گونه این کار صورت می گیره و به این نتیجه رسیدم که برای این کار ازمقداری کد  jquery و javascript احتیاج هست.

چه دلیل برای اینکار هست ؟

خوب شاید به نظر شما این کار خیلی احمقانه ای باشد که ما بییایم جلوی بازدید یکسری از بازدید کنندگانمان را ببنیدم . اما واقعیت این هست که بعد از گذشت این همه سال از انتشار IE6 و آمدن IE7 و ۸ هنوز خیلی ها از این مرورگر قدیمی استفاده می کنند. یکی از مواردی که کسانی که می خواهند از اینترنت استفاده کنند باید دقت داشته باشند همین داشتن یک مرورگر امن ، سریع ، بروز است امن برای اینکه اگر مرورگر ما امن نباشد به راحتی می توانید کلمات عبور خود و … را به دست هکر های عزیز بسپارید. مروگر IE6  به دلیل اینکه از هسته قدیمی استفاده می کنند و از تکنولوژی های جدید وب را پشتیبانی نمی کند برای طراحان وب یکی از بزرگترین معضلات به شمار می آید و اکثر طراحان با مشکل مواجه می شونددر نمایش سایت خود در این مروگر و برای اینکه سایت خود را در این مرورگر درست نمایش دهند دست به اقداماتی چون css hack و ترفند های رایج دیگر می زنند. و به تازگی هم مشاهده می کنم که دست به بستن سایت برروی این مروگر می کنند شاید کار عاقلانه ای نباشد ولی یک تلنگر به کسانی هست که از مروگر قدیمی استفاده می کنند. یکی از ساده ترین مواردی که این مروگر پشتیبانی نمی کند از عکس های با فرمت png  می باشد که قادر نیستاین عکس ها را بدون پشت زمینه نشان بدهد. اگر دقت کرده باشید در وبلاگ خود من هم این مشکل هست و در قسمت بالا سمت راست عکس فید خوان را با پس زمینه ابی نشان می دهد و مشکلات ریز و درشت دیگری که این مرورگر دارد.

چگونه از دیدن سایتمان توسط اینترنت اکسپلور ۶ جلوگیری کنیم؟

ابتدا این فایل را دریافت کنید و از حالت فشرده خارج کنید

دریافت فایل

خوب برای این کار در <head> سایتمان احتیاج به کد jquery وjavascript داریم .کافیست کد های زیر را در سایتمان قرار دهیم.

< script type=”text/javascript” src=”jquery-1.2.6.min.js”></script>

<script type=”text/javascript” src=”jquery.ie6blocker.js”></script>

</head>

با قرار دادن این ۲ دو خط بین تگ </head> ما به مروگر اعلام می کنیم که ابتدا این ۲ تا کد را اجرا کند.

var IE6 = (navigator.userAgent.indexOf(”MSIE 6″)>=0) ? true : false;
if(IE6) {
… do stuff …

فایل jquery.ie6blocker.js که حاوی کد زیر می باشد. در خط اول خودش چک می کند که اگر مرورگر مورد نمایش IE6 هست یکسری توابع را اجرا کندکه در زیر می توانید مشاهده کنید.

ما همچنین می توانیم با قرار دادن یک کد شرطی طبق نمونه زیر در فایل html خود می توانیم ابتدا برای اجرای فایل jquery.ie6blocker.js شرط بگذاریم که اگر مرور گر IE6 بود فایل اجرا شود و گر نه اجرا نشود.

<!--[if IE 6]>
<script type="text/javascript" src="jquery.ie6blocker.js"></script>
<![endif]-->

اگر چه ما برای انجام  این راه احتیاج داریم به فعال بودن جاوا اسکریپت بر روی مرورگر داریم ما می توانیم از هردو روش استفاده کنیم.

حال می خواهیم یک صفحه داشته باشیم که اگر مرورگر IE 6  برای کاربر یک پیغام بیایید با یک عبارت دلخواه و یک صفحه دودی رنگ و…  ما با استفاده از اسکریپت jquery-1.2.6.min.js این اقدام را انجام می دهیم .

خوب ما در اسکریپت jquery خود به صفحه ای که اجرا می شود شکل می دهیم. مانند شکل زیر

برای اینکه متن دلخواه خودتان را بنویسید احتیاج دارید که خط ۱۹ ام (متن پیش فرض) را تغییر بدهید.

حال دیگر سایت شما بر روی مرورگر اینترنت اکسپلورر۶ بسته خواهد شد و شما با استفاده از ج - کوئری توانستید که به کاربر یک پیغام نشان دهید که کاربر مرورگر خود را ارتقا دهد یا از فید خوان برای خواندن مطالب سایتتان استفاده کند.

خلاصه

شما باید این دو خط را به صفحه سایت خود بعد از تگ <head> اضافه کنید.

< script type=”text/javascript” src=”jquery-1.2.6.min.js”></script>

<script type=”text/javascript” src=”jquery.ie6blocker.js”></script>

</head>

و این فایل ها را دریافت و در هاست خود قرار دهید.

دریافت فایل

و در فایل jquery-1.2.6.min.js در خط ۱۹ ام  متن دلخواه خود را قرار دهید تغییر دهید.

پی نوشت:

شاید بعضی جا ها گنگ باشد برای شما هرگونه سوال و … خود را در همین پست می توانید بپرسید و در زیر نظر خود جواب خود را بگیرید.