Description:
Here, I am explaining how to know about the browser using jquery.
We can find out lot of information about users browser like its name, version
using jquery.
$.browser is one of the property to detect
which browser is accessing the page.
$.browser property is removed in jquery 1.9+ versions.
To access $.browser property in jquery 1.9+ versions, we can use
jquery migrate plugin.
<script type="text/javascript" src="http://code.jquery.com/jquery-migrate-1.2.1.js"></script>
It contains flags for most used browser
classes such as msie, mozilla, opera and webkit.
$.browser.version is used to find the browser version.
We can also find browser name using window.navigator.appName
window.navigator.appVersion
is used to find
browser version.
Example Program:
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script
type="text/javascript"
src="http://code.jquery.com/jquery-1.9.0.js"></script>
<script
type="text/javascript"
src="http://code.jquery.com/jquery-migrate-1.2.1.js"></script>
<script
type="text/javascript">
$(document).ready(function () {
$("#btnDetectBrowser").click(function () {
var
bname = window.navigator.appName;
var
bversion = window.navigator.appVersion;
alert("Browser
Name: " + bname + " Browser
Version: " + bversion);
return
false;
});
$("#btnDetBrowser").click(function () {
if
($.browser.msie) {
var
browsername = "Microsoft Internet
Explorer";
}
else
if ($.browser.mozilla) {
var
browsername = "Mozilla Firefox";
}
else
if ($.browser.opera) {
var
browsername = "Opera";
}
else
{
var
browsername = "Not a Major browser";
}
var
bversion = $.browser.version;
alert("Browser
Name: " + browsername + "Browser
Version: " + bversion);
return
false;
});
});
</script>
</head>
<body>
<form
id="form1"
runat="server">
<div>
<asp:Button ID="btnDetectBrowser" runat="server" Text="Detect Browser
using window.Navigator" />
<asp:Button ID="btnDetBrowser" runat="server" Text="Detect Browser using $.browser" />
</div>
</form>
</body>
</html>
Check browser name and version
with jquery , Find browser name and version using Jquery, Detect browser type
and version using Jquery, Getting browser information using Jquery, Jquery
browser name and browser version, Get browser name in jquery, Check browser
information using Jquery
0 comments:
Post a Comment