javascript 学习笔记（六）浏览器类型及版本信息检测代码

网络编程 2024/11/14 佚名

3 2 1

下面的checkBrowser()函数主要检测了三种浏览器（IE, firefox, chrome），其它的浏览器的检测有兴趣的朋友可以自行添加检测代码！
HTML部分代码： (页面加载时执行检测函数)
复制代码代码如下:
<body onload="checkBrowser()">


</body>

javascript部分代码：
检测的原理主要根据浏览器的用户代理报头nanigator.userAgent中提取到浏览器和类型及版本信息，利用正则表达式可以很容易的满足我们的需求，如对正则表达式不熟悉，可参照此文（正则表达式）
复制代码代码如下:
function check(reg) {
var ug = navigator.userAgent.toLowerCase();
return reg.test(ug);
}
function checkBrowser() {
var ug = navigator.userAgent.toLowerCase();
var userAgent = document.getElementById("userAgent");
userAgent.innerHTML = "浏览器的用户代理报头：" + ug;
var browserType = "";
var ver = "";
//检测IE及版本
var IE = ug.match(/msie\s*\d\.\d/); //提取浏览器类型及版本信息，注match()方法返回的是数组而不是字符串
var isIE = check(/msie/);
if(isIE) {
browserType = "Internet Explorer";
ver = IE.join(" ").match(/[0-9]/g).join("."); //先用join()方法转化为字符串，然后用match()方法匹配到版本信息，再用join()方法转化为字符串
}
//检测chrome及版本
var chrome = ug.match(/chrome\/\d\.\d/gi);
var isChrome = check(/chrome/);
if(isChrome) {
browserType = "Chrome";
ver = chrome.join(" ").match(/[0-9]/g).join(".");
}
//检测firefox及版本
var firefox = ug.match(/firefox\/\d\.\d/gi);
var isFirefox = check(/firefox/);
if(isFirefox) {
browserType = "Firefox";
ver = firefox.join(" ").match(/[0-9]/g).join(".");
}
var browser = document.getElementById("browser");
browser.innerHTML = "您正在使用的浏览器为：" + browserType + "版本为：" + ver;
}

PS:各浏览器的用户代理信息如下：

IE:Mozilla/5.0 (compatible; MSIE 9.0; Windows NT 6.1; Trident/5.0; SLCC2; .NET CLR 2.0.50727; .NET CLR 3.5.30729; .NET CLR 3.0.30729; Media Center PC 6.0; InfoPath.3; BOIE9;ZHCN);

firefox:Mozilla/5.0 (Windows NT 6.1; rv:2.0) Gecko/20100101 Firefox/4.0;

chrome:Mozilla/5.0 (Windows; U; Windows NT 6.1; en-US) AppleWebKit/534.13 (KHTML, like Gecko) Chrome/9.0.597.98 Safari/534.13

浏览器类型

标签：

浏览器类型

免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com

评论“javascript 学习笔记（六）浏览器类型及版本信息检测代码”

javascript 学习笔记（六）浏览器类型及版本信息检测代码

暂无“javascript 学习笔记（六）浏览器类型及版本信息检测代码”评论...

P70系列延期，华为新旗舰将在下月发布

3月20日消息，近期博主@数码闲聊站透露，原定三月份发布的华为新旗舰P70系列延期发布，预计4月份上市。

而博主@定焦数码爆料，华为的P70系列在定位上已经超过了Mate60，成为了重要的旗舰系列之一。它肩负着重返影像领域顶尖的使命。那么这次P70会带来哪些令人惊艳的创新呢？
根据目前爆料的消息来看，华为P70系列将推出三个版本，其中P70和P70 Pro采用了三角形的摄像头模组设计，而P70 Art则采用了与上一代P60 Art相似的不规则形状设计。这样的外观是否好看见仁见智，但辨识度绝对拉满。

更新动态

2024年11月14日

javascript 学习笔记（六）浏览器类型及版本信息检测代码

浏览器类型

javascript学习笔记（七）利用javascript来创建和存储cookie

javascript学习笔记（五）正则表达式

评论“javascript 学习笔记（六）浏览器类型及版本信息检测代码”

P70系列延期，华为新旗舰将在下月发布

更新动态

友情链接