JavaScript 获取浏览器类型和版本的方法
作者:像素猫时间:2026-10-28 08:15:58浏览:328
本文介绍如何使用 JavaScript 通过解析 navigator.userAgent 字符串来识别当前浏览器的类型及具体版本号。代码示例涵盖了 IE、Firefox、Chrome、Opera 和 Safari 五种主流浏览器的检测逻辑,通过正则表达式提取版本号并返回对象。
JavaScript 获取浏览器类型和版本代码实现
代码如下:
function getExplorerInfo() {
var explorer = window.navigator.userAgent.toLowerCase();
// 识别IE浏览器
if (explorer.indexOf("msie") >= 0) {
var ver = explorer.match(/msie ([\d.]+)/)[1];
return {type: "IE", version: ver};
}
// 识别Firefox浏览器
else if (explorer.indexOf("firefox") >= 0) {
var ver = explorer.match(/firefox\/([\d.]+)/)[1];
return {type: "Firefox", version: ver};
}
// 识别Chrome浏览器
else if (explorer.indexOf("chrome") >= 0) {
var ver = explorer.match(/chrome\/([\d.]+)/)[1];
return {type: "Chrome", version: ver};
}
// 识别Opera浏览器
else if (explorer.indexOf("opera") >= 0) {
var ver = explorer.match(/opera.([\d.]+)/)[1];
return {type: "Opera", version: ver};
}
// 识别Safari浏览器
else if (explorer.indexOf("Safari") >= 0) {
var ver = explorer.match(/version\/([\d.]+)/)[1];
return {type: "Safari", version: ver};
}
}
alert("type:" + getExplorerInfo().type + "\nversion:" + getExplorerInfo().version);作者最新文章
js-cookie 安装与基础用法:set、get、remove 详解
2026-11-05 16:35:06
适合JavaScript初学者的实战项目:制作简易待办事项列表
2026-11-05 16:17:07
JS打开新标签页时怎么通过URL传递参数
2026-11-05 12:21:08
sigma.js 自定义节点样式:设置颜色、大小及标签显示的技巧
2026-11-05 09:55:00
JS 生成的统计图怎么导出为 PNG 图片或 PDF 文件?
2026-11-05 09:37:58
