浅析JavaScript通过userAgent判断浏览器的方式，获取不同的浏览器信息

2023-12-19 19:07:51

JavaScript如何通过userAgent判断浏览器

JavaScript提供了userAgent属性，可以获取浏览器的信息，包括浏览器类型、版本、操作系统等。通过解析userAgent，我们可以判断当前正在使用的浏览器。

获取浏览器类型

可以使用以下代码获取浏览器类型：

var browser = navigator.userAgent.toLowerCase();

浏览器类型通常包含以下几个值：

Chrome
Firefox
Safari
Edge
Internet Explorer
Opera

获取浏览器版本

可以使用以下代码获取浏览器版本：

var version = navigator.userAgent.match(/[\d.]+/)

浏览器版本通常是一个数字，如“10.0”或“11.0”。

获取操作系统

可以使用以下代码获取操作系统：

var os = navigator.userAgent.match(/Macintosh|Windows|Linux/)

操作系统通常包含以下几个值：

Macintosh
Windows
Linux

如何在移动端和桌面端浏览器中判断浏览器类型

在移动端和桌面端浏览器中，我们可以通过以下方式判断浏览器类型：

移动端浏览器

移动端浏览器通常包含以下几个值：

Android
iOS
Windows Phone

可以使用以下代码判断移动端浏览器类型：

var mobile = navigator.userAgent.match(/Android|iOS|Windows Phone/)

桌面端浏览器

桌面端浏览器通常包含以下几个值：

Chrome
Firefox
Safari
Edge
Internet Explorer
Opera

可以使用以下代码判断桌面端浏览器类型：

var desktop = navigator.userAgent.match(/Chrome|Firefox|Safari|Edge|Internet Explorer|Opera/)

示例代码

以下是一个示例代码，演示如何使用JavaScript判断浏览器类型和版本：

var browser = navigator.userAgent.toLowerCase();
var version = navigator.userAgent.match(/[\d.]+/);
var os = navigator.userAgent.match(/Macintosh|Windows|Linux/);

if (browser.indexOf("chrome") > -1) {
  console.log("您正在使用Chrome浏览器，版本号为：" + version[0]);
} else if (browser.indexOf("firefox") > -1) {
  console.log("您正在使用Firefox浏览器，版本号为：" + version[0]);
} else if (browser.indexOf("safari") > -1) {
  console.log("您正在使用Safari浏览器，版本号为：" + version[0]);
} else if (browser.indexOf("edge") > -1) {
  console.log("您正在使用Edge浏览器，版本号为：" + version[0]);
} else if (browser.indexOf("internet explorer") > -1) {
  console.log("您正在使用Internet Explorer浏览器，版本号为：" + version[0]);
} else if (browser.indexOf("opera") > -1) {
  console.log("您正在使用Opera浏览器，版本号为：" + version[0]);
} else {
  console.log("您正在使用其他浏览器，版本号为：" + version[0]);
}

if (os) {
  console.log("您正在使用" + os[0] + "操作系统");
}