تشخیص قدیمی بودن نگارش IE و تعریف کلاس برای body

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>
این نوشته در CSS, HTML, برنامه‌نویسی, جاوااسکریپت ارسال و برچسب شده است. افزودن پیوند یکتا به علاقه‌مندی‌ها.

پاسخ دهید

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

شما می‌توانید از این دستورات HTML استفاده کنید: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>