In web programming, it is important to identify the user's browser and operating system. Because they have different levels of support for HTML and JavaScript.
General application in the System landing page or the homepage.
The specific application is as follows:
Copy Code code as follows:
<title>Login</title>
<script type= "Text/javascript" src= "Detect.js" ></script>
<script type= "Text/javascript" >
Window.onload = function () {
if ((Isminie5_5 && iswin) | | (IsMinMoz1 && Isunix)
|| (IsMinSafari1 && Ismac)) {
document.getElementById ("Divlogin"). Style.visibility = "visible";
document.getElementById ("Diverror"). Style.visibility = "hidden"
}
};
</script>
<body>
<form method= "POST" action= "dologin.jsp" >
<div style= "border:2px dashed blue; Background-color: #dedede; height:300px; padding:10px ">
<div id= "Diverror" style= "Position:absolute; left:20px; top:100px; ">
This WEB application requires one of the following:
<ul>
<li>internet Explorer 5.5 or higher for windows</li>
<li>mozilla 1.0 or higher for unix</li>
<li>safari 1.0 or higher for macintosh</li>
</ul>
<noscript>
<p>this Web application also requires JavaScript (if you are using one of the above browsers, make sure that JAVASCR IPT is enabled) .</p>
</noscript>
</div>
<div id= "Divlogin" style= "Position:absolute; left:20px; top:100px; Visibility:hidden ">
<table border= "0" width= "100%" height= "100%" ><tr><td align= "center" >
<table border= "0" >
<tr>
<td>username:</td><td><input type= "text" name= "txtUserName"/></td>
</tr>
<tr>
<td>password:</td><td><input type= "Password" name= "Txtpassword"/></td>
</tr>
<tr>
<td> </td><td><input type= "Submit" value= "Login"/></td>
</tr>
</table>
</td></tr></table>
</div>
</div>
</form>
</body>
Detect.js
Copy Code code as follows:
/*************************************************************************
File Name:detect.js
Create Date:
Author:
Description:detect Browser and operating system
***********************************************************************/
var suseragent = navigator.useragent;
var fappversion = parsefloat (navigator.appversion);
function CompareVersions (SVersion1, SVersion2) {
var aVersion1 = Sversion1.split (".");
var aVersion2 = Sversion2.split (".");
if (Aversion1.length > Aversion2.length) {
for (Var i=0 i < aversion1.length-aversion2.length; i++) {
Aversion2.push ("0");
}
else if (Aversion1.length < aversion2.length) {
for (Var i=0 i < aversion2.length-aversion1.length; i++) {
Aversion1.push ("0");
}
}
for (Var i=0 i < aversion1.length; i++) {
if (Aversion1[i] < aversion2[i]) {
return-1;
else if (Aversion1[i] > Aversion2[i]) {
return 1;
}
}
return 0;
}
var Isopera = Suseragent.indexof ("Opera") >-1;
var isMinOpera4 = IsMinOpera5 = IsMinOpera6 = IsMinOpera7 = Isminopera7_5 = false;
if (Isopera) {
var foperaversion;
if (navigator.appname = = "Opera") {
Foperaversion = fappversion;
} else {
var reoperaversion = new RegExp ("Opera (\\d+\\.\\d+)");
Reoperaversion.test (suseragent);
Foperaversion = parsefloat (regexp["$");
}
ISMINOPERA4 = Foperaversion >= 4;
IsMinOpera5 = foperaversion >= 5;
IsMinOpera6 = foperaversion >= 6;
IsMinOpera7 = foperaversion >= 7;
Isminopera7_5 = Foperaversion >= 7.5;
}
var iskhtml = Suseragent.indexof ("khtml") >-1
|| Suseragent.indexof ("Konqueror") >-1
|| Suseragent.indexof ("AppleWebKit") >-1;
var IsMinSafari1 = Isminsafari1_2 = false;
var isminkonq2_2 = isMinKonq3 = Isminkonq3_1 = Isminkonq3_2 = false;
if (iskhtml) {
Issafari = Suseragent.indexof ("AppleWebKit") >-1;
Iskonq = Suseragent.indexof ("Konqueror") >-1;
if (Issafari) {
var reapplewebkit = new RegExp ("applewebkit\\/" \\d+ (?: \ \.\\d*) ");
Reapplewebkit.test (suseragent);
var fapplewebkitversion = parsefloat (regexp["$");
IsMinSafari1 = fapplewebkitversion >= 85;
Isminsafari1_2 = Fapplewebkitversion >= 124;
else if (ISKONQ) {
var rekonq = new RegExp ("konqueror\\/" \\d+ (?: \ \.\\d+ (?: \ \.\\d) ");
Rekonq.test (suseragent);
Isminkonq2_2 = CompareVersions (regexp["$"], "2.2") >= 0;
ISMINKONQ3 = CompareVersions (regexp["$"], "3.0") >= 0;
Isminkonq3_1 = CompareVersions (regexp["$"], "3.1") >= 0;
Isminkonq3_2 = CompareVersions (regexp["$"], "3.2") >= 0;
}
}
var Isie = Suseragent.indexof ("compatible") >-1
&& suseragent.indexof ("MSIE") >-1
&&!isopera;
var isMinIE4 = isMinIE5 = Isminie5_5 = IsMinIE6 = false;
if (Isie) {
var reie = new RegExp ("MSIE (\\d+\\.\\d+);");
Reie.test (suseragent);
var fieversion = parsefloat (regexp["$");
isMinIE4 = Fieversion >= 4;
isMinIE5 = fieversion >= 5;
Isminie5_5 = Fieversion >= 5.5;
isMinIE6 = fieversion >= 6.0;
}
var Ismoz = Suseragent.indexof ("Gecko") >-1
&&!iskhtml;
var isMinMoz1 = Sminmoz1_4 = Isminmoz1_5 = false;
if (Ismoz) {
var remoz = new RegExp ("rv: \\d+\\.\\d+ (?: \ \.\\d+) ");
Remoz.test (suseragent);
ISMINMOZ1 = CompareVersions (regexp["$"], "1.0") >= 0;
Isminmoz1_4 = CompareVersions (regexp["$"], "1.4") >= 0;
Isminmoz1_5 = CompareVersions (regexp["$"], "1.5") >= 0;
}
var isNS4 =!isie &&!isopera &&!ismoz &&!iskhtml
&& (Suseragent.indexof ("Mozilla") = = 0)
&& (navigator.appname = "Netscape")
&& (fappversion >= 4.0 && fappversion < 5.0);
var isMinNS4 = Isminns4_5 = Isminns4_7 = Isminns4_8 = false;
if (isNS4) {
IsMinNS4 = true;
Isminns4_5 = fappversion >= 4.5;
isminns4_7 = fappversion >= 4.7;
Isminns4_8 = fappversion >= 4.8;
}
var Iswin = (Navigator.platform = = "Win32") | | (Navigator.platform = = "Windows");
var Ismac = (Navigator.platform = = "mac68k") | | (Navigator.platform = = "MACPPC")
|| (Navigator.platform = = "Macintosh");
var Isunix = (Navigator.platform = = "X11") &&!iswin &&!ismac;
var IsWin95 = IsWin98 = isWinNT4 = Iswin2k = Iswinme = Iswinxp = false;
var ismac68k = ISMACPPC = false;
var Issunos = isMinSunOS4 = IsMinSunOS5 = Isminsunos5_5 = false;
if (Iswin) {
IsWin95 = Suseragent.indexof ("Win95") >-1
|| Suseragent.indexof ("Windows") >-1;
IsWin98 = Suseragent.indexof ("Win98") >-1
|| Suseragent.indexof ("Windows)" >-1;
Iswinme = Suseragent.indexof ("Win 9x 4.90") >-1
|| Suseragent.indexof ("Windows ME") >-1;
Iswin2k = Suseragent.indexof ("Windows NT 5.0") >-1
|| Suseragent.indexof ("Windows C") >-1;
ISWINXP = Suseragent.indexof ("Windows NT 5.1") >-1
|| Suseragent.indexof ("Windows XP") >-1;
IsWinNT4 = Suseragent.indexof ("WinNT") >-1
|| Suseragent.indexof ("Windows NT") >-1
|| Suseragent.indexof ("WinNT4.0") >-1
|| Suseragent.indexof ("Windows NT 4.0") >-1
&& (!iswinme &&!iswin2k &&!iswinxp);
}
if (ISMAC) {
ismac68k = Suseragent.indexof ("mac_68000") >-1
|| Suseragent.indexof ("68K") >-1;
ISMACPPC = Suseragent.indexof ("Mac_powerpc") >-1
|| Suseragent.indexof ("PPC") >-1;
}
if (Isunix) {
Issunos = Suseragent.indexof ("SunOS") >-1;
if (Issunos) {
var Resunos = new RegExp ("SunOS" \\d+\\.\\d+ (?: \ \.\\d+) ");
Resunos.test (suseragent);
IsMinSunOS4 = CompareVersions (regexp["$"], "4.0") >= 0;
IsMinSunOS5 = CompareVersions (regexp["$"], "5.0") >= 0;
Isminsunos5_5 = CompareVersions (regexp["$"], "5.5") >= 0;
}
}
