javascript 获取ua

在前端开发中，经常需要获取用户的 User-Agent（UA）信息，以便做一些针对性的处理，比如适配不同的浏览器、设备或操作系统。而 JavaScript 提供了多种方式来获取 UA，本文将介绍常见的几种方式。

1. navigator.userAgent
navigator.userAgent 属性返回浏览器发送的头部信息，即 UA 字符串。通过该属性获取 UA 最为简单，但也最容易出现问题。因为某些浏览器可能会伪装UA来隐藏自己的真实身份，比如 Chrome 会将自己伪装成 Safari，所以在获取 UA 时，最好先判断一下浏览器类型，避免错误处理。

const userAgent = navigator.userAgent;if (userAgent.indexOf('Chrome') > -1) {console.log('This is Chrome browser');} else if (userAgent.indexOf('Safari') > -1) {console.log('This is Safari browser');} else {console.log('This is other browser');}

2. navigator.appVersion
navigator.appVersion 属性返回浏览器和操作系统的信息，包括了版本号和操作系统平台。通过分析这个字符串，可以获取浏览器和操作系统的相关信息，以便做出针对性的处理。

const appVersion = navigator.appVersion;console.log(appVersion);

3. navigator.platform
navigator.platform 属性返回用户使用操作系统的名称，包括操作系统类型、版本号等信息。通过该属性获取UA信息时，需要以该属性的返回值为准，而不是根据用户代理来获取。

const platform = navigator.platform;console.log(platform);

4. navigator.vendor
navigator.vendor 属性返回浏览器厂商的名称，例如 Chrome 浏览器的厂商是 Google，Safari 的厂商是 Apple。通过该属性可以较为精准地获取浏览器的信息。

const vendor = navigator.vendor;if (vendor === 'Google Inc.') {console.log('This is Google Chrome browser');} else if (vendor === 'Apple Computer, Inc.') {console.log('This is Safari browser');} else {console.log('This is other browser');}

总结
获取用户 UA 信息是前端开发中的常见需求，在实际开发中，可以根据自己的需求选择适合的获取方式。但需要注意的是，由于 UA 信息的伪装等因素，获取到的信息可能存在一定的偏差，需要对获取到的结果进行多重判断和分析，以便作出更加准确的处理。

上一篇：css怎么设置ulli居中

下一篇：javascript 虚拟失焦