赞
踩
本博客主要讲如何用原生JS获取当前浏览器版本以及版本号,其实,也不难,主要是做的判断比较多。
主要是用 window.navigator.userAgent 获取。
话不不多说,看代码说话。
(一)简单获取浏览器的版本信息
// 获取浏览器名称,不准确的
alert( window.navigator.appName );
// window.navigator.userAgent 准确获取浏览器的信息
alert( window.navigator.userAgent );
(二)区分不同的浏览器,不区分版本号。(一般用到这就可以了)
function testBrowser(){
//取得浏览器的userAgent字符串
var userAgent = navigator.userAgent;
var isOpera = userAgent.indexOf("Opera") > -1;
//谷歌
if (userAgent.indexOf("Chrome") > -1){
return "Chrome";
};
//火狐
if (userAgent.indexOf("Firefox") > -1) {
return "Firefox";
};
//ie
if (userAgent.indexOf("compatible") > -1 && userAgent.indexOf("MSIE") > -1 && !isOpera) {
return "IE";
};
//Opera
if (isOpera) {
return "Opera"
};
//Safari
if (userAgent.indexOf("Safari") > -1) {
return "Safari";
};
}
//调用函数实现
var broweser = testBrowser();
if ("Chrome" == broweser) {
alert("谷歌浏览器");
};
if ("Firefox" == broweser) {
alert("火狐浏览器");
};
if ("IE" == broweser) {
alert("IE浏览器");
};
if ("Opera" == broweser) {
alert("Opera");
};
if ("Safari" == broweser) {
alert("Safari");
};
(三)判断当前浏览器和版本号
alert( window.navigator.userAgent );
想了一下,要个版本号干嘛呢?
没必要啊。
直接通过 navigator.userAgent 获取版本号,看看就好,这个在开发中都没什么用。
获取不同的浏览器版本号主要是为了解决在一些不同的浏览器中自身的特殊问题。如,谷歌浏览器最小字体只能是12px,UC浏览器的字体自动优化等。
赞
踩
Copyright © 2003-2013 www.wpsshop.cn 版权所有,并保留所有权利。