32. JS Navigator对象:获取浏览器信息
1. 前言
JavaScript navigator 对象中存储了与浏览器相关的信息,例如名称、版本等,我们可以通过 window 对象的 navigator 属性(即 window.navigator)来引用 navigator 对象,并通过它来获取浏览器的基本信息。
由于 window 对象是一个全局对象,因此在使用window.navigator
时可以省略 window 前缀,例如window.navigator.appName
可以简写为navigator.appName
。
1.1 navigator 对象中的属性
下表中列举了 JavaScript navigator 对象中常用的属性及其描述:
属性 | 描述 |
---|---|
appCodeName | 返回当前浏览器的内部名称(开发代号) |
appName | 返回浏览器的官方名称 |
appVersion | 返回浏览器的平台和版本信息 |
cookieEnabled | 返回浏览器是否启用 cookie,启用返回 true,禁用返回 false |
onLine | 返回浏览器是否联网,联网则返回 true,断网则返回 false |
platform | 返回浏览器运行的操作系统平台 |
userAgent | 返回浏览器的厂商和版本信息,即浏览器运行的操作系统、浏览器的版本、名称 |
1.2 navigator 对象中的方法
下表中列举了JavaScript navigator 对象中提供的方法及其描述:
方法 | 描述 |
---|---|
javaEnabled() | 返回浏览器是否支持运行 Java Applet 小程序,支持则返回 true,不支持则返回 false |
sendBeacon() | 向浏览器异步传输少量数据 |
示例代码如下所示:
document.write("navigator.appCodeName:" + navigator.appCodeName + "<br>"); document.write("navigator.appName:" + navigator.appName + "<br>"); document.write("navigator.appVersion:" + navigator.appVersion + "<br>"); document.write("navigator.cookieEnabled:" + navigator.cookieEnabled + "<br>"); document.write("navigator.onLine:" + navigator.onLine + "<br>"); document.write("navigator.platform:" + navigator.platform + "<br>"); document.write("navigator.userAgent:" + navigator.userAgent + "<br>"); document.write("navigator.javaEnabled():" + navigator.javaEnabled() + "<br>");
运行结果如下所示:
navigator.appCodeName:Mozilla navigator.appName:Netscape navigator.appVersion:5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/91.0.4472.124 Safari/537.36 navigator.cookieEnabled:true navigator.onLine:true navigator.platform:Win32 navigator.userAgent:Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/91.0.4472.124 Safari/537.36 navigator.javaEnabled():false