Comments on: jQuery browser and OS detection plugin

By: Aaron

Aaron — Wed, 27 Jul 2011 17:52:52 +0000

Great job! This is incredibly useful to me. I was having trouble with differences in UL spacing between Mac and Windows and this will allow me to use two different style sheets to compensate.

cheers,
aaron

By: Simon Mann

Simon Mann — Wed, 27 Jul 2011 08:18:13 +0000

Nice work.
I’m creating an application which detects whether the OS is 32 or 64bit architecture and then offers up an installer file. The main app is a pyside qt application which can handle all the OS checking for architecture but I needed to create a browser compatible fall back. This library helped lots but I decided to mod it slightly to do some basic architecture checks.

In the init: function part I added a call:

this.arch = this.searchString(this.dataArch) || "32bit";

added a new data object under dataOS:

dataArch : [
			{
				string: navigator.userAgent,
				subString: "WOW64",
				identity: "64bit"
			},
			{
				string: navigator.userAgent,
				subString: "Win64",
				identity: "64bit"
			},
			{
				string: navigator.userAgent,
				subString: "x64",
				identity: "64bit"
			},
			{
				string: navigator.userAgent,
				subString: "x86_64",
				identity: "64bit"
			},
		],

and finally added it to the window.client call:

window.$.client = { os : BrowserDetect.OS, browser : BrowserDetect.browser, arch : BrowserDetect.arch };

Hope it might be useful to someone

By: stefano

stefano — Sun, 26 Jun 2011 05:55:29 +0000

@Tyler,

I’ve seen a solution around I think you could use here as well. In short, you add to the html tag different CSS classes depending on $.client.browser and/or $.client.os and so on.

$(document).ready(function () {
   var body = $("html");
   body.addClass($.client.browser);
 
   // body.addClass($.client.os);
});

then you’ll need a CSS with those classes with the right properties for specific browser(s) you want. For instance:

.Safari {…} /* CSS for Safari */
.Explorer {…} /* CSS for MSIE */

And if also body.addClass($.client.os); you need more than just one class in CSS:

.Safari.Mac {…}
.Safari.Win {…}

Hope this helps.

By: Tyler

Tyler — Tue, 31 May 2011 21:59:57 +0000

How could I use this to load a different style sheet?

By: rafael da costa

rafael da costa — Thu, 19 May 2011 15:57:06 +0000

can the script be updated to detect Android os and browser versions?

By: rafael da costa

rafael da costa — Thu, 19 May 2011 14:42:40 +0000

I see you added code to detect browser version. do you have code to detect OS version as well. I need to detect os versions of mobile devices. some os versions of android do not support Typekit (Android 2.2 and higher only) and I need account for this by detecting Android 2.1

By: Joshua

Joshua — Tue, 22 Feb 2011 23:32:30 +0000

Thanks dude, this is so nice and simple. It also compresses to 1.24KB

http://closure-compiler.appspot.com/code/jsc1a1f42dd415b9fe11d484ca9f9591418/default.js

By: Art

Art — Thu, 30 Dec 2010 04:53:46 +0000

THANK YOU VERY MUCH! Great work!

By: Celso Bessa

Celso Bessa — Mon, 27 Dec 2010 17:48:12 +0000

Great and simple plugin.

I am using in a website i am doing and i will put a note in the script header about you.

Thanks!

By: Brad

Brad — Wed, 22 Dec 2010 18:28:56 +0000

Thank you very much for providing a complete solution!