WHAT'S NEW?
Loading...

Browser detection example in javascript - Tech-n-Savvy Blogger


Browser


It is important to understand the differences between different browsers in order to handle each in the way it is expected. So it is important to know which browser your web page is running in.

To get information about the browser your webpage is currently running in, use the built-in navigator object.


Navigator Properties

There are several Navigator related properties that you can use in your Web page. The following is a list of the names and descriptions of each.

S.No

Property and Description











appCodeName

1

This  property  is  a  string  that  contains  the  code  name  of  the



browser, Netscape for Netscape and Microsoft Internet Explorer for



Internet Explorer.







appVersion

2

This property is a string that contains the version of the browser as



well  as  other  useful  information  such  as  its  language  and



compatibility.







language

3

This property contains the two-letter abbreviation for the language






that is used by the browser. Netscape only.







mimTypes[]

4

This property is an array that contains all MIME types supported by






the client. Netscape only.







platform[]

5

This property is a string that contains the platform for which the



browser  was  compiled."Win32"  for  32-bit  Windows  operating



systems



plugins[]

6                  This property is an array containing all the plug-ins that have been installed on the client. Netscape only.

userAgent[]

7                 This property is a string that contains the code name and version of the browser. This value is sent to the originating server to identify the client.



Navigator Methods

There are several Navigator-specific methods. Here is a list of their names and descriptions.


S.No

Method and Description














javaEnabled()


1

This method determines if JavaScript is enabled in the client. If




JavaScript  is  enabled,  this  method  returns  true;  otherwise,  it




returns false.









plugings.refresh


2

This  method  makes  newly  installed  plug-ins  available  and




populates the plugins array with all new plug-in names. Netscape




only.









preference(name,value)


3

This method allows a signed script to get and set some Netscape



preferences. If the second parameter is omitted, this method will








return the value of the specified preference; otherwise, it sets the




value. Netscape only.









taintEnabled()


4              This method returns true if data tainting is enabled; false otherwise.



Browser Detection

There is a simple JavaScript which can be used to find out the name of a browser and then accordingly an HTML page can be served to the user.

<html>

<head>

<title>Browser Detection Example</title>

</head>

<body>

<script type="text/javascript">



<!--

var userAgent

var opera

var ie

var gecko

var netscape

var version


= navigator.userAgent;

= (userAgent.indexOf('Opera') != -1);

= (userAgent.indexOf('MSIE') != -1);

= (userAgent.indexOf('Gecko') != -1);

= (userAgent.indexOf('Mozilla') != -1);

= navigator.appVersion;


if (opera){

document.write("Opera based browser");

//  Keep your opera specific URL here. }else if (gecko){

document.write("Mozilla based browser");

//  Keep your gecko specific URL here. }else if (ie){

document.write("IE based browser");

//  Keep your IE specific URL here. }else if (netscape){

document.write("Netscape based browser");

//  Keep your Netscape specific URL here. }else{

document.write("Unknown browser");

}

//  You can include version to along with any above condition.

document.write("<br /> Browser version info : " + version );

//-->

</script>

</body>

</html>

Output

Mozilla based browser

Browser version info : 5.0

(Windows NT 6.3; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/41.0.2272.101 Safari/537.36


0 comments:

Post a Comment