The jQuery document tags $.browser
as deprecated. So what's the replacement for it?
If you really need good old $.browser
According to the docs, this feature was deprecated in 1.3, and totally removed in 1.9, although it is still available in the official jQuery Migrate plugin.
If you want to do it right
Depending on browser detection is not a good idea. Feature detection is the way to go (Modernizr is a great tool for that). jQuery had a $.support()
method to provide some feature detection, but it is now deprecated as well. They also suggest using Modernizer.
If you really need browser detection
Fixing browser quirks is not a valid use case for browser detection, but there are other use cases. Use any Javascript browser detection tool (like bowser), as this functionality does not depend on jQuery at all.
-
1
-
6You're wrong @bažmegakapa, there are browser bugs, like
window.onload event doesn't fire in chrome
, so we need to bridge those with browser detection. – Lajos Meszaros Jun 14 '13 at 8:49 -
1True, @bažmegakapa, I was just saying that don't say never in programming. stackoverflow.com/questions/7493293/… – Lajos Meszaros Jun 17 '13 at 8:45
-
1I'm building an app for reporting bugs, which gathers data about the user's browser/device. So It's completely reasonable to want this functionality. Device detection isn't evil, just a matter of why you're using it. Thanks @takien for the quick answer. – Ryan Ore Jan 29 '15 at 15:26
-
1@kapa people are still stuck updating legacy code fully of $.browser and coming to this question years later. Your answer provides some information available in the docs, not a way to work the real problem when your codebase is frozen in amber – davidjmcclelland Jul 14 '17 at 15:32
Based on jQuery migration plugin , I found this.
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"
};
};
if ( !jQuery.browser ) {
var
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;
}
-
Thanks. Some features turn out to be difficult to detect. (such as support for various values of css properties) – Gus Aug 16 '13 at 16:17
-
While the main answer is correct, if you are working on a site which has legacy code which depends on
$.browser
, this answer is the way to go, unfortunately, until the old code can be excised. – razzed Sep 22 '14 at 15:06 -
4
-
2Yep, this definitely works as a patch for old plugins. (and answers the question) – Miro Feb 26 '15 at 19:00
-
1This is helpful in a way the jquery docs quoted above is not. – davidjmcclelland Jul 14 '17 at 15:33
There isn't a direct replacement. You should be using feature detection rather than browser detection (do you have a good reason to need to know the browser?), so you can use the $.support
property. (It says as much in the API doco for $.browser
.)
-
1Jquery cautions against using $.support: "A collection of properties that represent the presence of different browser features or bugs. Intended for jQuery's internal use; specific properties may be removed when they are no longer needed internally to improve page startup performance. For your own project's feature-detection needs, we strongly recommend the use of an external library such as Modernizr instead of dependency on properties in jQuery.support." – Chris Middleton Aug 26 '14 at 17:11
you can use navigator variable from javascript
console.log(navigator)
but if you want to check the compatiblility with a function of jquery you can use the support var like
$.support.ajax
jQuery
method - but css hacks might be useful to you. – Lix Mar 10 '12 at 10:53