Java Script

تشخیص مرورگر با جی کوئری jQuery

در اینجا یک قطعه کوچک خوشمزه برای افزودن کلاسهای مرورگر سفارشی با استفاده از jQuery وجود دارد.

این کد انواع رایج مرورگر را بررسی می کند و یک کلاس نامگذاری شده به عنصر <html> اضافه می کند.

// custom browser classes
$(document).ready(function(){
	if (navigator.userAgent.indexOf('Mac OS X') != -1) {
		// Mac
		if ($.browser.opera) { $('html').addClass('opera'); }
		if ($.browser.webkit) { $('html').addClass('webkit'); }
		if ($.browser.mozilla) { $('html').addClass('mozilla'); }
		if (/camino/.test(navigator.userAgent.toLowerCase())){ $('html').addClass('camino'); }
		if (/chrome/.test(navigator.userAgent.toLowerCase())) { $('html').addClass('chrome'); }
		if (navigator && navigator.platform && navigator.platform.match(/^(iPad|iPod|iPhone)$/)) { $('html').addClass('apple'); }
		if (navigator.userAgent.indexOf('Safari') != -1 && navigator.userAgent.indexOf('Chrome') == -1) { $('html').addClass('safari'); }
	} else {
		// Not Mac
		if ($.browser.opera) { $('html').addClass('opera-pc'); }
		if ($.browser.webkit) { $('html').addClass('webkit-pc'); }
		if ($.browser.mozilla) { $('html').addClass('mozilla-pc'); }
		if (document.all && document.addEventListener) { $('html').addClass('ie9'); }
		if (/chrome/.test(navigator.userAgent.toLowerCase())) { $('html').addClass('chrome-pc'); }
		if (navigator.userAgent.indexOf('Safari') != -1 && navigator.userAgent.indexOf('Chrome') == -1) { $('html').addClass('safari-pc'); }
	}
}

مرورگرهای زیر (برای Mac و PC) با استفاده از این روش شناسایی می شوند:

User AgentClass Name
Camino.camino (Mac only)
Chrome.chrome, .chrome-pc
IE 9.ie9 (PC only)
iPad/iPod/iPhone.apple
Mozilla.mozilla, .mozilla-pc
Opera.opera, .opera-pc
Safari.safari, .safari-pc
Webkit.webkit, .webkit-pc

با حذف مرورگرهای غیر ضروری و افزودن مرورگرهای جدید ، در صورت نیاز سفارشی کنید.

اترك تعليقاً

لن يتم نشر عنوان بريدك الإلكتروني. الحقول الإلزامية مشار إليها بـ *

زر الذهاب إلى الأعلى
arالعربية