Home > Web Front-end > JS Tutorial > body text

JS Detailed Example of Determining Browser Type and Version

零下一度
Release: 2017-06-28 14:48:03
Original
1650 people have browsed it

[javascript] view plain copy

Today JS is used to determine the browser type, so I organized it systematically to facilitate later use.

[javascript] view plain copy

/*

* Description: Determine browser information

* Written by: LittleQiang_w

* Date: 2016.1.5

* Version: V1.1

*/

// Determine the current browsing type

function BrowserType()

{

var userAgent = navigator.userAgent; //Get the browser’s userAgent string

var isOpera = userAgent.indexOf( "Opera") > -1; //Determine whether the Opera browser is the browser

var isIE = userAgent.indexOf("compatible") > -1 && userAgent.indexOf("MSIE") > -1 && !isOpera; //Determine whether it is IE browser

var isEdge = userAgent.indexOf("Windows NT 6.1; Trident/7.0;") > -1 && !isIE; //Determine whether it is IE's Edge Browser

var isFF = userAgent.indexOf("Firefox") > -1; //Determine whether Firefox browser

var isSafari = userAgent.indexOf("Safari") > -1 && userAgent.indexOf("Chrome") == -1; //Determine whether Safari browser

var isChrome = userAgent.indexOf("Chrome") > -1 && userAgent.indexOf(" Safari") > -1; //Determine the Chrome browser

if (isIE)

{

var reIE = new RegExp(" MSIE (\\d+\\.\\d+);");

reIE.test(userAgent);

var fIEVersion = parseFloat(RegExp["$1"]);

                                                                                                                                                         ​} 

                                                                                                                                                                                                                         "IE10";}

else if(fIEVersion == 11)

{ return "IE11";}

else

{ return "0" }//IE version is too low }

}//isIE end

) { return "Opera";}

if (isSafari) { return "Safari";}

if (isChrome) { return "Chrome";}

if (isEdge) { return "Edge";}

}//myBrowser() end

//Determine whether it is an IE browser

function isIE()

{

var userAgent = navigator.userAgent; //Get the browser's userAgent string

var isIE = userAgent.indexOf("compatible") > -1 && userAgent.indexOf("MSIE") > -1 && !isOpera; //Determine whether it is an IE browser

if(isIE)

{

return "1";

else }

#          return "-1";   

                                                                                                                                   Including Edge browser

function IEVersion()

{

var userAgent = navigator.userAgent; //Get the browser’s userAgent string

var isIE = userAgent.indexOf("compatible") > -1 && userAgent.indexOf("MSIE") > -1 && !isOpera; // Determine whether IE browser

var isEdge = userAgent.indexOf ("Windows NT 6.1; Trident/7.0;") > -1 && !isIE; // Determine if IE is an Edge browser

if(isIE)

{

VAR Reie = New Regexp ("msie (\\ d+\\. \\ d+);");

## Reie.test (useragent);

var footVersion = PARSEFLOAT (regexp ["$1"]);

if(fIEVersion == 7)

{ return "IE7";}

else if(fIEVersion == 8)

{ return "IE8";}

else if(fIEVersion == 9)

{ return "IE9";}

else if(fIEVersion ==10 )

{ return "IE10";}

else if(fIEVersion == 11)

{ return "IE11";}

else

                                                                                                                                                         ";

}

else

{

return "-1";//Non-IE

}

}

The above code passed the test and is available!

But there is a problem, that is, IE5 and IE7 browsers cannot be distinguished for the time being. The following is the information of userAgent under IE5 and IE7; through userAgent, it is found that IE5 and IE7 cannot be correctly distinguished by simply using the above method. Looking forward to the solution to this problem! ! !

IE5: userAgent "Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 6.1; Trident/7.0; SLCC2; .NET CLR 2.0.50727; .NET CLR 3.5.30729; .NET CLR 3.0.30729; Media Center PC 6.0; .NET4.0C; InfoPath.2; .NET4.0E)"

IE7: userAgent "Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 6.1; Trident/7.0; SLCC2; . NET CLR 2.0.50727; .NET CLR 3.5.30729; .NET CLR 3.0.30729; Media Center PC 6.0; .NET4.0C; InfoPath.2; .NET4.0E)"

The above is the detailed content of JS Detailed Example of Determining Browser Type and Version. For more information, please follow other related articles on the PHP Chinese website!

source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template