JS判断主流浏览器类型和版本号的简单实现代码
作者:流萤时间:2026-10-30 07:32:07浏览:633
本文介绍了一种使用JavaScript判断用户当前浏览器类型及版本号的简单实现方法。代码通过解析User-Agent字符串,识别IE、Chrome、Firefox、Opera和Safari等主流浏览器,并返回对应的名称与版本号,便于前端进行兼容性处理或用户提示。
浏览器类型与版本号检测实现
当前互联网环境中浏览器种类繁多,但多数为基于核心内核的衍生版本。主流浏览器主要包括Firefox、Chrome、IE以及Safari。在开发过程中,有时需要判断用户正在使用的浏览器类型及其版本号,并根据识别结果提供相应的提示。以下介绍一种简单的代码实现,用于检测用户浏览器的使用情况。
var distinguishBrowser= function browserInfo() {
var browser = {
// IE浏览器
msie: false,
// 谷歌浏览器
chrome: false,
// 火狐浏览器
firefox: false,
// opera浏览器
opera: false,
// safrai浏览器
safari: false,
// 正在使用的浏览器的名字
name: 'unknown',
// 正使用浏览器的版本号
version: 0
},
userAgent = window.navigator.userAgent.toLowerCase();
// 使用正则对用户当前浏览器进行判断
if (/(msie|chrome|firefox|opera|netscape)\D+(\d[\d.]*)/.test(userAgent)) {
browser[RegExp.$1] = true;
browser.name = RegExp.$1;
browser.version = RegExp.$2;
} else if (/version\D+(\d[\d.]*).*safari/.test(userAgent)) {
browser.safari = true;
browser.name = 'safari';
browser.version = RegExp.$2;
}
return browser;
}
var browserr = browserInfo();
if (mybi.msie) {
console.log(browserr.version);
} else {
console.log(browserr.name + ' ' + browserr.version);
}
})()
以上分享了关于JavaScript判断主流浏览器类型和版本号的简单实现代码,供各位参考。希望本文内容对大家有所帮助,也欢迎继续支持本站。
作者最新文章
怎么在 Vue 或 React 项目中正确集成 animate.js
2026-11-05 10:23:38
JS注册事件:addEventListener基础语法与参数详解
2026-11-05 08:44:56
JSP和JS的区别:运行环境与服务端/客户端职责解析
2026-11-04 23:34:36
pdf.js 官方下载地址:GitHub Release 获取预编译包
2026-11-04 23:07:27
前端学习路径:为什么建议先掌握HTML再学习JavaScript?
2026-11-04 18:56:08
