本文介绍如何使用 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);