internet explorer turtle
پشتیبانی از مرورگرهای مختلف از مهم‌ترین چالش‌های پیش‌روی توسعه دهندگان وب است.
طراحی سایت به گونه‌ای که روی تمام مرورگرها و تمامی نگارش‌های آن‌ها سایت به درستی نمایش داده شود، کاری بسیار دشوار و گاهی خارج از توان است.
یکی از راه‌حل‌های موجود، نمایش پیام‌های هشدار مناسب برای کاربرانی است که از مرورگرهای قدیمی استفاده می‌کنند.

در ادامه قطعه کدی را مشاهده می‌کنید که نگارش مرورگر کاربر را دریافت می‌کند و چنانچه مرورگر هدف Internet Explorer قدیمی‌تر از نگارش ۱۰ باشد، یک کلاس css به عنصر body پیوست می‌کند.
با بررسی وجود کلاس «old-ie» در کدهای شیوه‌نامه css می‌توان دو عمل مخفی کردن و نمایش دادن عنصرهای خاص را به سادگی به انجام رسانید.
این قطعه کد می‌بایست در انتهای فایل html و پیش از پایان عنصر body جاگذاری شود.
برای بررسی نگارش‌های دیگر IE و مرورگرهای دیگر، تغییراتی جزئی در این کد مورد نیاز است.

<script>
	function getIEVersion(){
		var agent = navigator.userAgent;
		var reg = /MSIE\s?(\d+)(?:\.(\d+))?/i;
		var matches = agent.match(reg);
		if ( matches != null ) {
			return { major: matches[ 1 ], minor: matches[ 2 ] };
		}
		return { major: "-1", minor: "-1" };
	}
 
	var ieVer = getIEVersion();
 
	if( ieVer.major != -1 && ieVer.major < 10 ) {
		document.body.className += ' old-ie';
	}
</script>

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *