资讯

精准传达 • 有效沟通

从品牌网站建设到网络营销策划,从策略到执行的一站式服务

JavaScript如何判断浏览器版本

这篇文章将为大家详细讲解有关JavaScript如何判断浏览器版本,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。

创新互联于2013年创立,先为南岗等服务建站,南岗等地企业,进行企业商务咨询服务。为南岗企业网站制作PC+手机+微官网三网同步一站式服务解决您的所有建站问题。

因为业务需求,项目经理让我做一个判断当前浏览器是否是谷歌浏览器,并确定谷歌浏览器版本,不满足谷歌浏览器和版本就显示一个页面提示升级,满足条件就跳转到我们的一个项目,下面先来实现这个:

1.当前浏览器是否是谷歌浏览器和确定浏览器浏览器版本号

JavaScript实现:

/* 检查浏览器是否为谷歌 */
(function() {
 //取得浏览器的userAgent字符串
 var myBrowser,chromeVersion,version,userAgent = navigator.userAgent; 
 var arr = navigator.userAgent.split(' '); 
 for(var i=0;i < arr.length;i++){
 if(/chrome/i.test(arr[i]))
 chromeVersion = arr[i]
 }
 if(chromeVersion){
 version = Number(chromeVersion.split('/')[1].split('.')[0]);
 } else {
 version = false;
 }
 if (userAgent.indexOf("Chrome") > -1 && version >=49) {
 myBrowser = true
 } else {
 myBrowser = false
 }
 if(myBrowser) {
 // 跳转到对应的项目 
 } else {
 var wrap = document.getElementById('wrap'); 
 wrap.style.display = "block" //让元素显示
 }
})();

全部的代码(图片是在网上找的谷歌的图片):



 
 请升级您的浏览器
 
 
 
 
 
 
 
 您的浏览器需要更新,请下载一款免费而优秀的最新版浏览器。

            Chrome   Google          带来更多安全、极速和乐趣。

 
   

效果:

 JavaScript如何判断浏览器版本

2.判断当前浏览器类型

function myBrowser(){
 var userAgent = navigator.userAgent; //取得浏览器的userAgent字符串
 if (userAgent.indexOf("Opera") > -1) {
 return "Opera"
 }; //判断是否Opera浏览器
 if (userAgent.indexOf("Firefox") > -1) {
 return "FF";
 } //判断是否Firefox浏览器
 if (userAgent.indexOf("Chrome") > -1){
 return "Chrome";
 }
 if (userAgent.indexOf("Safari") > -1) {
 return "Safari";
 } //判断是否Safari浏览器
 if (userAgent.indexOf("compatible") > -1 && userAgent.indexOf("MSIE") > -1 && !isOpera)
 {
 return "IE";
 }; //判断是否IE浏览器
}
//以下是调用上面的函数
var nowBrowser = myBrowser();
if ("IE" == nowBrowser) {
 alert("IE");
}
if ("FF" == nowBrowser) {
 alert("Firefox");
}
if ("Chrome" == nowBrowser) {
 alert("Chrome");
}
if ("Opera" == nowBrowser) {
 alert("Opera");
}
if ("Safari" == nowBrowser) {
 alert("Safari");
}

3.判断当前浏览器类型,并考虑IE5.5 6 7 8

function myBrowser(){
 var userAgent = navigator.userAgent; //取得浏览器的userAgent字符串
 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浏览器
 if (isIE) {
 var IE5 = IE55 = IE6 = IE7 = IE8 = false;
 var verIE = new RegExp("MSIE (\\d+\\.\\d+);");
 verIE.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";
 }
}
//以下是调用上面的函数
var nowBrowser = myBrowser()
 
if (nowBrowser == "FF") {
 alert("Firefox");
}
if (nowBrowser == "Opera") {
 alert("Opera");
}
if (nowBrowser == "Safari") {
 alert("Safari");
}
if (nowBrowser == "IE55") {
 alert("IE5.5");
}
if (nowBrowser == "IE6") {
 alert("IE6");
}
if (nowBrowser == "IE7") {
 alert("IE7");
}
if (nowBrowser == "IE8") {
 alert("IE8");
}

关于“JavaScript如何判断浏览器版本”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,使各位可以学到更多知识,如果觉得文章不错,请把它分享出去让更多的人看到。


网站标题:JavaScript如何判断浏览器版本
标题路径:http://www.cdkjz.cn/article/poshjd.html
返回首页 了解更多建站资讯
多年建站经验

多一份参考,总有益处

联系快上网,免费获得专属《策划方案》及报价

咨询相关问题或预约面谈,可以通过以下方式与我们联系

大客户专线   成都:13518219792   座机:028-86922220