JavaScript 获取浏览器

在开发过程中，了解用户的浏览器信息是非常重要的，因为不同的浏览器可能会对同一段代码的解析产生不同的结果。JavaScript 提供了一些方法来获取浏览器的信息，让我们来一一了解一下。

获取浏览器名称和版本号

const browserName = navigator.appName;
const browserVersion = navigator.appVersion;

navigator.appName 返回当前浏览器的名称。

navigator.appVersion 返回当前浏览器的版本号。

获取浏览器的引擎名称和版本号

const engineName = navigator.product;
const engineVersion = navigator.productSub;

navigator.product 返回当前浏览器的引擎名称。

navigator.productSub 返回当前浏览器引擎的版本号。

获取浏览器的用户代理信息

const userAgent = navigator.userAgent;

navigator.userAgent 返回关于浏览器的用户代理信息，包括浏览器的名称、版本号、操作系统类型和版本号等信息。

判断是否为移动端设备

const isMobile = navigator.userAgent.match(/Android|iPhone|iPad|iPod|Opera Mini|IEMobile/i);

使用正则表达式判断 navigator.userAgent 是否包含移动设备的关键字。

获取屏幕宽度和高度

const screenWidth = screen.width;
const screenHeight = screen.height;

screen.width 返回屏幕的宽度，以像素为单位。

screen.height 返回屏幕的高度，以像素为单位。

获取可用窗口宽度和高度

const windowWidth = window.innerWidth;
const windowHeight = window.innerHeight;

window.innerWidth 返回当前窗口的宽度，以像素为单位，包括滚动条和边框。

window.innerHeight 返回当前窗口的高度，以像素为单位，包括滚动条和边框。

以上就是 JavaScript 获取浏览器信息的方法介绍，开发者可以根据需要来选择使用。