`

浏览器检测脚本

阅读更多

检测脚本源码:

/*
 *fileName:detect.js
 */
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;
}
//---------------------------------------------------------检测浏览器

//检测是否是Opera浏览器
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["$1"]);
	}
	isMinOpera4 = fOperaVersion >= 4;
	isMinOpera5 = fOperaVersion >= 5;
	isMinOpera6 = fOperaVersion >= 6;
	isMinOpera7 = fOperaVersion >= 7;
	isMinOpera7_5 = fOperaVersion >= 7.5;
}
//检测是否是Konqueror/Safari浏览器
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["$1"]);
		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["$1"], "2.2") >= 0;
			isMinKonq3 = compareVersions(RegExp["$1"], "3.0") >= 0;
			isMinKonq3_1 = compareVersions(RegExp["$1"], "3.1") >= 0;
			isMinKonq3_2 = compareVersions(RegExp["$1"], "3.2") >= 0;
		}
	}
}
//检测是否是IE浏览器
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["$1"]);
	isMinIE4 = fIEVersion >= 4;
	isMinIE5 = fIEVersion >= 5;
	isMinIE5_5 = fIEVersion >= 5.5;
	isMinIE6 = fIEVersion >= 6;
}
//检测是否是Mozilla浏览器
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"], "1.0") >= 0;
	isMinMoz1_4 = compareVersions(RegExp["$1"], "1.4") >= 0;
	isMinMoz1_5 = compareVersions(RegExp["$1"], "1.5") >= 0;
}
//检测是否是Netscape Communicator 4.x浏览器
var isNS4 = !isIE && !isOpera && !isMoz && !isKHTML && (sUserAgent.indexOf("Mozilla") == 0) && (navigator.appName == "Netscape") && (fAppVersion >= 4 && fAppVersion < 5);
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;
//检测Windows操作系统
if (isWin) {
	isWin95 = sUserAgent.indexOf("Win95") > -1 || sUserAgent.indexOf("Windows 95") > -1;
	isWin98 = sUserAgent.indexOf("Win98") > -1 || sUserAgent.indexOf("Windows 98") > -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 2000") > -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);
}
//检测Macintosh操作系统
if (isMac) {
	isMac68K = sUserAgent.indexOf("Mac_68000") > -1 || sUserAgent.indexOf("68K") > -1;
	isMacPPC = sUserAgent.indexOf("Mac_PowerPC") > -1 || sUserAgent.indexOf("PPC") > -1;
}
//检测Unix操作系统
if (isUnix) {
	isSunOS = sUserAgent.indexOf("SunOS") > -1;
	if (isSunOS) {
		var reSunOS = new RegExp("SunOS (\\d+\\.\\d+(?:\\.\\d+)?)");
		reSunOS.test(sUserAgent);
		isMinSunOS4 = compareVersions(RegExp["$1"], "4.0") >= 0;
		isMinSunOS5 = compareVersions(RegExp["$1"], "5.0") >= 0;
		isMinSunOS5_5 = compareVersions(RegExp["$1"], "5.5") >= 0;
	}
}

示例:

<html>
    <head>
        <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>
    </head>
    <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><!-- 不支持JavaScript时显示 -->
                      <p>This Web application also requires JavaScript (if you are using one of the above browsers, make sure that JavaScript 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>&nbsp;</td><td><input type="Submit" value="Login" /></td>
                        </tr>
                    </table>
                </td></tr></table>
                </div>
            </div>
        </form>
    </body>
</html>

 

分享到:
评论

相关推荐

    javascript经典特效---浏览器检测生成器.rar

    了解了这些基本概念后,开发者可以创建自己的浏览器检测脚本或利用现有的工具,以确保他们的JavaScript代码能在各种浏览器环境中稳定运行。同时,值得注意的是,随着新的Web标准和渐进式增强策略的推广,直接的...

    浏览器共存(ie6,ie7 ff)

    3. **使用浏览器检测脚本**:通过JavaScript检测用户的浏览器类型和版本,然后根据结果提供特定的样式或行为。 4. **采用CSS前缀**:针对不同浏览器对新特性的支持情况,使用特定的前缀,如 `-webkit-` (Chrome 和 ...

    屏蔽ie6 ie7浏览器

    首先,我们可以使用浏览器检测脚本来识别访问者是否使用了IE6或IE7。例如,JavaScript可以用来检查navigator对象中的userAgent属性,以确定浏览器的类型和版本。如果检测到的是旧版IE,可以提示用户升级浏览器或者...

    响应式浏览器脚本

    响应式浏览器脚本是一种技术,它允许用户在桌面设备上模拟不同移动设备的视图,以便于开发和调试响应式网站。响应式设计是现代网页设计的核心,它确保网站能够根据访问者的屏幕尺寸和方向自动调整布局、内容和功能。...

    脚本化浏览器窗口

    ### 脚本化浏览器窗口知识点详解 #### 14.1 计时器 - **setTimeout 和 setInterval**: 这两个方法允许开发者设置一个函数在指定时间后执行一次(setTimeout)或每隔一段时间重复执行(setInterval)。它们是客户端...

    万年历-支持IE6.0版本以上、Firefox

    此外,可能还采用了CSS hack或浏览器检测脚本来确保在各个浏览器上的样式和功能一致性。 在压缩包内的文件名“JS万年历.htm”和“canlendar.html”中,我们可以推测这个万年历是通过HTML页面实现的,其中“JS”可能...

    使用js检测当前浏览器版本,多浏览器类型和版本号检测

    6. **现代浏览器检测** 除了传统的User-Agent检测,还可以使用特性检测(feature detection),如Modernizr库,来检测浏览器是否支持特定的HTML5、CSS3或JavaScript特性,而非依赖于特定的浏览器版本。 7. **最佳...

    浏览器检测java版本PluginDetect.js

    浏览器检测Java版本是Web开发中的一个重要环节,尤其是在依赖Java插件的应用场景中。`PluginDetect.js` 是一个JavaScript脚本库,专门用于检测用户浏览器中安装的Java版本信息。这个库通常被用来确保用户在访问特定...

    JS实现图片翻书效果.pdf

    由于IE早期版本和现代浏览器对JavaScript和CSS的支持有所不同,可能需要额外的兼容性代码或使用各种浏览器检测脚本。 具体到提供的内容中,我们可以看到使用了各种CSS类和ID来对页面元素进行定位和样式设置,例如....

    浏览器检测

    ### 浏览器检测知识点详解 #### 一、概述 在网页开发中,为了更好地兼容不同类型的浏览器并提供良好的用户体验,开发者需要了解访问者所使用的浏览器类型及其版本。本篇文章将详细解读一个简单的示例代码,它能...

    用户代理字符串检测脚本

    脚本通过检测用户代理字符串来识别浏览器。用户代理字符串能够检测出浏览器所用的呈现引擎及所在的平台,包括移动设备和游戏系统。但是,在检测用户端时,仍应先考虑使用能力检测和怪癖检测。

    FF和IE兼容性问题

    解决这些问题通常需要使用条件注释、浏览器检测脚本、前缀或回退(fallback)样式,以及使用工具如Autoprefixer自动添加浏览器前缀。此外,使用兼容性良好的CSS框架(如Bootstrap)和JavaScript库(如jQuery)也能...

    javascript特效

    7. **BrowserCheck脚本.htm**:浏览器检测脚本用于识别用户访问网站时使用的浏览器类型和版本,以便根据不同的浏览器特性提供兼容性的前端代码。 8. **asf文件在线播放.htm**:这可能讲解如何使用JavaScript配合...

    2018年浏览器脚本引擎零日漏洞.pdf

    浏览器脚本引擎是现代网页应用的核心组成部分,它们使得网页能够执行动态内容,提供丰富的用户体验。2018年,浏览器脚本引擎面临了一系列的安全挑战,尤其是零日漏洞的出现,这些漏洞被黑客利用来发动攻击,对用户和...

    2024年最新前端面试题总结(HTML5+CSS3+JS+TS4+Vue+React18)

    - 使用浏览器检测脚本动态加载不同版本的CSS文件。 - 使用自动化的工具(如Autoprefixer)来添加必要的浏览器前缀。 #### 17. Css 层 水平层叠 CSS水平层叠指的是当多个CSS规则应用于同一元素时,浏览器如何确定...

    修改系统默认浏览器

    此外,软件可能会检测到已安装的所有浏览器,提供一键切换的功能,使得用户在多个浏览器之间切换更加轻松。 总之,"修改系统默认浏览器" 是一款旨在提高用户体验,方便快捷切换系统默认浏览器的工具,尤其适用于...

    淘宝秒杀脚本,淘宝秒杀脚本会被检测吗,Python

    在本文中,我们将深入探讨这个话题,包括淘宝秒杀脚本的工作原理、编写方法以及它是否可能被平台检测到。 首先,我们要明白什么是秒杀脚本。在电商平台上,秒杀活动是一种促销策略,商品在短时间内以极低的价格出售...

    javascript下4个跨浏览器必备的函数

    首先我们要添加一段浏览器检测脚本: 代码如下: /************************************ * 检测浏览器 ***********************************/ var user = navigator.userAgent; var browser = {}; browser.opera = ...

Global site tag (gtag.js) - Google Analytics