JS Window Navigator

声明

该文部分代码和内容节选自菜鸟教程，仅用作个人学习，特此声明

链接：https://www.runoob.com/

Window Navigator

window.navigator 对象包含有关访问者浏览器的信息。

1、Navigator

window.navigator 对象在编写时可不使用 window 这个前缀。

div id="example"></div>
txt = "<p>浏览器代号: " + navigator.appCodeName + "</p>";		//浏览器代号: Mozilla
txt+= "<p>浏览器名称: " + navigator.appName + "</p>";			//浏览器名称: Netscape
txt+= "<p>浏览器版本: " + navigator.appVersion + "</p>";		
//浏览器版本: 5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/101.0.4951.54 Safari/537.36 Edg/101.0.1210.39

txt+= "<p>启用Cookies: " + navigator.cookieEnabled + "</p>";	  //启用Cookies: true
txt+= "<p>硬件平台: " + navigator.platform + "</p>";		     //硬件平台: Win32
txt+= "<p>用户代理: " + navigator.userAgent + "</p>";
//用户代理: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/101.0.4951.54 Safari/537.36 Edg/101.0.1210.39

txt+= "<p>用户代理语言: " + navigator.language + "</p>";			//用户代理语言: zh-CN
document.getElementById("example").innerHTML=txt;

2、警告！！！

来自 navigator 对象的信息具有误导性，不应该被用于检测浏览器版本，这是因为：

• navigator 数据可被浏览器使用者更改
• 一些浏览器对测试站点会识别错误
• 浏览器无法报告晚于浏览器发布的新操作系统

3、浏览器检测正确方式

由于 navigator 可误导浏览器检测，使用对象检测可用来嗅探不同的浏览器。

由于不同的浏览器支持不同的对象，您可以使用对象来检测浏览器。例如，由于只有 Opera 支持属性 window.opera，您可以据此识别出 Opera。

例如：if (window.opera) {...some action...}