在JS中判断浏览器的类型,估计是每个编辑过页面的开发人员都遇到过的问题。在众多的浏览器产品中,IE、Firefox、Opera、Safari........众多品牌却标准不一,因此时常需要根据不同的浏览器,甚至相同浏览器不同版本做不同的操作,因此,知晓浏览器的判断方法,还是很重要的。下面列举一下常用的判断方法:
1、判断浏览器是否为IE
document.all ? 'IE' : 'others':在IE下document.all值为1,而其他浏览器下的值为0;
navigator.userAgent.indexOf("MSIE")>0 ? 'IE' : 'others':navigator.userAgent是描述用户代理信息。
navigator.appName.indexOf("Microsoft") != -1 ? 'IE' : 'others':navigator.appName描述浏览器名称信息。
2、判断IE版本
navigator.appVersion.match(/6./i)=="6." ? 'IE6' : 'other version':在已知是IE浏览器的情况下,可以通过此方法判断是否是IE6;
navigator.userAgent.indexOf("MSIE 6.0")>0 ? 'IE7' : 'other version':同上;
navigator.appVersion.match(/7./i)=="7." ? 'IE7' : 'other version':在已知是IE浏览器的情况下,可以通过此方法判断是否是IE7;
navigator.userAgent.indexOf("MSIE 7.0")>0 ? 'IE7' : 'other version':同上;
navigator.appVersion.match(/8./i)=="8." ? 'IE8' : 'other version':在已知是IE浏览器的情况下,可以通过此方法判断是否是IE8;
navigator.userAgent.indexOf("MSIE 8.0")>0 ? 'IE8' : 'other version':同上。
3、JS获取浏览器信息
浏览器代码名称:navigator.appCodeName
浏览器名称:navigator.appName
浏览器版本号:navigator.appVersion
对Java的支持:navigator.javaEnabled()
MIME类型(数组):navigator.mimeTypes
系统平台:navigator.platform
插件(数组):navigator.plugins
用户代理:navigator.userAgent
DEMO:
Js代码
<script language="JavaScript">
<!--
function getOs()
{
var OsObject = "";
if(navigator.userAgent.indexOf("MSIE")>0) {
return "MSIE";
}
if(isFirefox=navigator.userAgent.indexOf("Firefox")>0){
return "Firefox";
}
if(isSafari=navigator.userAgent.indexOf("Safari")>0) {
return "Safari";
}
if(isCamino=navigator.userAgent.indexOf("Camino")>0){
return "Camino";
}
if(isMozilla=navigator.userAgent.indexOf("Gecko/")>0){
return "Gecko";
}
}
alert("您的浏览器类型为:"+getOs());
-->
</script>
由于利用js可以获取到关于浏览器的信息相对来说比较多,每种方法对应的判断方式也不尽相同,下面我就以获取到userAgent为例,贴出js代码,看看是如何实现利用js来达到判断浏览器的类型的效果的:
<script type="text/javascript">
var system ={};
var p = navigator.platform;//navigator.platform 系统平台
system.win = p.indexOf("Win") == 0;
system.mac = p.indexOf("Mac") == 0;
system.x11 = (p == "X11") || (p.indexOf("Linux") == 0);//x11 通俗来说是unix系统
if(system.win||system.mac||system.xll){//如果是电脑
}else{ //如果是手机,
window.location.href="/phoneIndex.action";//如果是手机浏览器则跳转到移动端
}
function myBrowser(){
var userAgent = navigator.userAgent; //取得浏览器的userAgent字符串 userAgent可获取浏览器及版本,渲染引擎类型,浏览器语言,插件,操作系统版本,cpu类型等,因此可用来作为判断浏览器类型的依据。
var isOpera = userAgent.indexOf("Opera") > -1; //判断是否Opera浏览器
var isIE = userAgent.indexOf("compatible") > -1 && userAgent.indexOf("MSIE") > -1 && !isOpera; //判断是否IE浏览器
var isFF = userAgent.indexOf("Firefox") > -1; //判断是否Firefox浏览器
var isSafari = userAgent.indexOf("Safari") > -1; //判断是否Safari浏览器
var isChrome = userAgent.indexOf("Chrome")>-1;//判断是否Chrome浏览器
if (isIE) {
var IE5 = IE55 = IE6 = IE7 = IE8 = false;
var reIE = new RegExp("MSIE (\\d+\\.\\d+);");
reIE.test(userAgent);
var fIEVersion = parseFloat(RegExp["$1"]);
IE55 = fIEVersion == 5.5;
IE6 = fIEVersion == 6.0;
IE7 = fIEVersion == 7.0;
IE8 = fIEVersion == 8.0;
if (IE55) {
return "IE55";
}
if (IE6) {
return "IE6";
}
if (IE7) {
return "IE7";
}
if (IE8) {
return "IE8";
}
}//isIE end
if (isFF) {
return "FF";
}
if (isOpera) {
return "Opera";
}
if(isChrome){
return "Chrome";
}
}//myBrowser() end
//以下是调用上面的函数
if (myBrowser() == "FF") {
alert("这是火狐浏览器");
}
if (myBrowser() == "Opera") {
alert("这是Opera浏览器");
}
if (myBrowser() == "Safari") {
alert("这是Safari浏览器");
}
if(myBrowser()=="Chrome"){
alert("这是谷歌浏览器");
}
if (myBrowser() == "IE55") {
alert("IE5 版本过低 页面可能会乱,请升级您的浏览器到IE8以上");
}
if (myBrowser() == "IE6") {
alert("IE6 版本过低 页面可能会乱,请升级您的浏览器到IE8以上");
}
if (myBrowser() == "IE7") {
alert("IE7 版本过低 页面可能会乱,请升级您的浏览器到IE8以上");
}
if (myBrowser() == "IE8") {
alert("IE8 版本过低 页面可能会乱,请升级您的浏览器到IE8以上");
}
</script>
以上就是本文的全部内容,希望对读者有所帮助。