navigator 浏览器对象几大属性

本文介绍了如何使用JavaScript获取浏览器信息,包括浏览器名称、版本、语言、平台等,并提供了示例代码来展示如何实现这些功能。

 

  • appCodeName 返回浏览器的“码名”(?),流行的 IE 和 NN 都返回 'Mozilla'。
    下面的例子显示了 appCodeName 属性的值:
    document.write("navigator.appCodeName 的值是" + navigator.appCodeName)
  • appName 返回浏览器名。IE 返回 'Microsoft Internet Explorer',NN 返回 'Netscape'。
    下面的例子显示了 appName 属性的值:
    document.write("navigator.appName 的值是 " + navigator.appName)
  • appVersion 返回浏览器版本,包括了大版本号、小版本号、语言、操作平台等信息。
  • language 语言
  • mimeType 以数组表示所支持的MIME类型
  • platform 返回浏览器的操作平台,对于 Windows 9x 上的浏览器,返回 'Win32'(大小写可能有差异)。
  • userAgent 返回以上全部信息。例如,IE5.01 返回 'Mozilla/4.0 (compatible; MSIE 5.01; Windows 98)'。
  • plugins 以数组表示已安装的外挂程序
  • javaEnabled() 返回一个布尔值,代表当前浏览器允许不允许 Java。


检测浏览器的版本、所支持的MIME类型、已安装的外挂程序(plug-in)。该对象包含两个子对象:外挂对象、MIME类型对象。
例如:

<Script>
with (document) {
     write ("你的浏览器信息:<OL>");
     write ("<LI>代码:"+navigator.appCodeName);
     write ("<LI>名称:"+navigator.appName);
     write ("<LI>版本:"+navigator.appVersion);
     write ("<LI>语言:"+navigator.language);
     write ("<LI>编译平台:"+navigator.platform);
     write ("<LI>用户表头:"+navigator.userAgent);
}
</Script>

例如:

<Script>
if (document.all) {
    document.write("你的浏览器是:MSIE");
}    else {
    document.write("你的浏览器是:Navigator");
}
</Script>
### 浏览器navigator对象的介绍 `navigator` 对象是 `window` 对象的一个属性,包含大量有关 Web 浏览器的信息,是一个全局变量且唯一。它在检测浏览器及操作系统等方面非常有用。该对象提供了许多属性和方法,可用于获取浏览器的相关信息,如浏览器名称、版本、所在计算机平台、首选语言、是否启用 Cookie 等 [^1][^2]。 ### navigator对象的常用属性 | 属性 | 描述 | 示例 | | --- | --- | --- | | `userAgent` | 完整的 User-Agent 字符串,包含浏览器和操作系统信息 | `"Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/120.0.0.0 Safari/537.36"` | | `appName` | 浏览器名称(通常是 "Netscape",已不推荐使用) | `"Netscape"` | | `appVersion` | 浏览器版本号和平台信息 | `"5.0 (Windows NT 10.0; Win64; x64)"` | | `platform` | 运行浏览器的操作系统平台 | `"Win32"`、`"MacIntel"`、`"Linux x86_64"` | | `language` | 浏览器的首选语言 | `"zh-CN"`、`"en-US"` | | `cookieEnabled` | 浏览器是否启用了 Cookie | `true/false` | | `onLine` | 是否有网络连接 | `true/false` | | `geolocation` | 提供地理位置服务的对象 | `{}`(需调用 API 获取) | ### navigator对象的常用方法 - `javaEnabled()`:如果启用 Java 返回 `true`,否则返回 `false` [^1]。 - `sendBeacon()`:主要用途是在页面即将卸载时,可靠地将少量数据异步发送到服务器。这种方法特别适用于那些需要在用户离开页面之前快速发送数据的场景,而不会影响页面卸载或导航的性能和用户体验 [^4]。 ### 使用示例 以下是一些使用 `navigator` 对象属性和方法的示例代码: ```javascript // 查看浏览器信息 console.log("User-Agent:" + navigator.userAgent); console.log("操作系统平台:" + navigator.platform); console.log("浏览器语言:" + navigator.language); console.log("是否启用 Cookie:" + navigator.cookieEnabled); console.log("是否在线:" + navigator.onLine); // 检查是否启用 Java console.log("是否启用 Java:" + navigator.javaEnabled()); // 在页面关闭时发送数据到服务器 window.addEventListener('beforeunload', function() { const data = JSON.stringify({ message: 'Page is closing' }); navigator.sendBeacon('/analytics', data); }); ``` ### 相关特性 - `navigator.userAgent` 是一个只读的字符串,声明了浏览器用于 HTTP 请求的用户代理头的。由于各家浏览器厂商都希望自己的浏览器被其他网站兼容,所以该字符串中会或多或少包含一些其他信息 [^3]。 - 如果 `window.navigator.userAgent` 中出现了 `Mobile`,可以确定用户使用的是移动设备 [^1]。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值