در اینجا یک قطعه کوچک خوشمزه برای افزودن کلاسهای مرورگر سفارشی با استفاده از 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 Agent | Class 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 |
با حذف مرورگرهای غیر ضروری و افزودن مرورگرهای جدید ، در صورت نیاز سفارشی کنید.