是的,我知道特性检测更可取。
在我的代码库中有一个案例,我们使用$.browser.msie
和$.browser.version
来决定是否渲染一些CSS。编写代码的开发人员已经离开了公司,我不太明白应该在这里写哪种特性检测。
作为一个快速的解决方案,实现$.browser.msie和$.browser.version的最简短方法是什么?
是的,我知道特性检测更可取。
在我的代码库中有一个案例,我们使用$.browser.msie
和$.browser.version
来决定是否渲染一些CSS。编写代码的开发人员已经离开了公司,我不太明白应该在这里写哪种特性检测。
作为一个快速的解决方案,实现$.browser.msie和$.browser.version的最简短方法是什么?
我将只是复制来自jQuery 1.8.3的代码。
// Limit scope pollution from any deprecated API
(function() {
var matched, browser;
// Use of jQuery.browser is frowned upon.
// More details: http://api.jquery.com/jQuery.browser
// jQuery.uaMatch maintained for back-compat
jQuery.uaMatch = function( ua ) {
ua = ua.toLowerCase();
var match = /(chrome)[ \/]([\w.]+)/.exec( ua ) ||
/(webkit)[ \/]([\w.]+)/.exec( ua ) ||
/(opera)(?:.*version|)[ \/]([\w.]+)/.exec( ua ) ||
/(msie) ([\w.]+)/.exec( ua ) ||
ua.indexOf("compatible") < 0 && /(mozilla)(?:.*? rv:([\w.]+)|)/.exec( ua ) ||
[];
return {
browser: match[ 1 ] || "",
version: match[ 2 ] || "0"
};
};
matched = jQuery.uaMatch( navigator.userAgent );
browser = {};
if ( matched.browser ) {
browser[ matched.browser ] = true;
browser.version = matched.version;
}
// Chrome is Webkit, but Webkit is also Safari.
if ( browser.chrome ) {
browser.webkit = true;
} else if ( browser.webkit ) {
browser.safari = true;
}
jQuery.browser = browser;
})();
<!--[if lte IE 7]>
<link rel="stylesheet" href="ie.css" type="text/css">
<![endif]-->
<!--[if IE 7]>
<script> if(typeof $!== typeof undefined){ $.browser = { msie : true, version : 7 }} </script>
<![endif]-->
<!--[if IE 8]>
<script> if(typeof $!== typeof undefined){ $.browser = { msie : true, version : 8 }} </script>
<![endif]-->
modernizr
来进行特性检测,而不是进行浏览器检测。 - Michał Miszczyszyn