获取浏览器基本信息是前端开发中比较常用的一个需求。通过 JavaScript 可以获取浏览器的类型、版本号、操作系统类型等信息。下面就来详细讲解一下如何获取浏览器基本信息。
获取浏览器类型和版本号
可以使用 navigator.userAgent
获取当前浏览器的 UserAgent 字符串,然后通过正则表达式匹配出浏览器类型和版本号。
// 获取浏览器类型和版本号
function getBrowser() {
let ua = navigator.userAgent;
let browser = '';
let version = '';
// 匹配浏览器名称和版本号
let reg = /^.*(MSIE|Firefox|Opera|Chrome|Safari)[\s\/:]+([\d\.]+).*$/;
let match = ua.match(reg);
if (match && match.length === 3) {
browser = match[1];
version = match[2];
}
return browser + ' ' + version;
}
console.log(getBrowser()); // 输出: Chrome 93.0.4577.63
示例演示了如何获取当前浏览器的名称和版本号,并输出到控制台中。
获取操作系统类型
通过 navigator.platform
可以获取当前操作系统的信息。
// 获取操作系统类型
function getOS() {
let platform = navigator.platform;
let os = '';
if (platform.indexOf("Win") != -1) {
os = "Windows";
} else if (platform.indexOf("Mac") != -1) {
os = "MacOS";
} else if (platform.indexOf("Linux") != -1) {
os = "Linux";
} else {
os = "Other";
}
return os;
}
console.log(getOS()); // 输出:Windows
示例演示了如何获取操作系统类型,并输出到控制台中。
以上就是获取浏览器基本信息的完整攻略,包括如何获取浏览器类型、版本号和操作系统类型。
本站文章如无特殊说明,均为本站原创,如若转载,请注明出处:js获取浏览器基本信息大全 - Python技术站