Navigator：userAgent 属性获取设备浏览器信息

最新推荐文章于 2025-02-02 06:09:21 发布

www.www

最新推荐文章于 2025-02-02 06:09:21 发布

阅读量4.3k

点赞数 16

分类专栏： JavaScript 相关文章标签： javascript

本文链接：https://blog.csdn.net/qq_39454432/article/details/138267516

版权

本文详细介绍了navigator.userAgent属性的功能、使用示例以及其在浏览器识别中的重要性，同时回顾了浏览器用户代理字符串的历史演变，包括IE、Chrome、Firefox等浏览器的发展与竞争。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1. userAgent 是什么

userAgent 的定义：Navigator.userAgent 只读属性返回当前浏览器的用户代理字符串，用于指定浏览器在 HTTP 标头以及当前属性和 Navigator 对象的其他相关方法的响应中提供的完整用户代理字符串。

userAgent 的值：用户代理字符串遵循严格的结构，可以分解为多个信息片段。每个信息片段都来自其他用户代理属性，这些属性也可以由用户设置。

示例：

	console.log(window.navigator.userAgent);
	// Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:124.0) Gecko/20100101 Firefox/124.0

2. userAgent 的使用示例

判断是否在安卓设备内

	isAndroid = () => {
     
		return u.indexOf('Android') > -1 || u.indexOf('Adr') > -1;
	};

判断是否在ios设备内

	isiOS = () => {
     
		return (
			ulc.includes('iphone') ||
			ulc.includes('ios') ||
			ulc.includes('ipad') ||
			(ulc.includes('mac os x') && 'ontouchend' in document)
		);
	};

判断是否是有刘海屏的 iPhone（特征 iOS + 机身长）

	isHasSafeAreaIphone = () => {
     
		// 上个IOS示例函数
		return isiOS() && window.screen.height >= 812;
	};

判断是否在小程序环境内
```
	isWxMiniProgram = () => {
     
```

最低0.47元/天解锁文章