JavaScript navigator对象的用法（附带实例）

navigator 对象是 window 对象的一部分，可通过 window. navigator 属性来访问。它包含有关浏览器的信息，描述了用户正在使用的浏览器。

navigator 对象的常用属性如下表所示：

表：navigator 对象的常用属性

属性	描述
userAgent	返回由客户端发送至服务器的 user-agent 头部的值
cookieEnabled	返回指明浏览器中是否启用 cookie 的布尔值
geolocation	返回可用于定位用户位置的 geolocation 对象

【实例】检测浏览器类型和是否启用 cookie。

<script>
    console.log(navigator.userAgent);
    var str = navigator.cookieEnabled ? '启用了' : '没有启用';
    if (navigator.userAgent.toLowerCase().indexOf("trident") > -1) {
        console.log('你使用的是 IE' + '，浏览器的cookie' + str);
    } else if (navigator.userAgent.indexOf('Firefox') >= 0) {
        console.log('你使用的是 Firefox' + '，浏览器的cookie' + str);
    } else if (navigator.userAgent.indexOf('Opera') >= 0) {
        console.log('你使用的是 Opera' + '，浏览器的cookie' + str);
    } else if (navigator.userAgent.indexOf("Safari") > 0) {
        console.log('你使用的是 Safari' + '，浏览器的cookie' + str);
    } else {
        console.log('你使用的是其他的浏览器浏览网页！');
    }
</script>

程序中：

• 第 2 行代码通过 navigator 对象的属性 userAgent 输出当前浏览器的信息；
• 第 3 行代码通过 navigator 对象的属性 cookieEnabled 获取浏览器是否开启了 cookie；
• 第 4~14 行代码根据 userAgent 属性的值判断浏览器的类型。

程序在 Chrome 浏览器控制台中的运行结果如下图所示：


注意，navigator 对象的信息具有误导性，不能用于检测浏览器版本，这是因为：

1. navigator 数据可被浏览器使用者更改；
2. 一些浏览器对测试站点会识别错误；
3. 无法检测晚于浏览器发布的新操作系统的情况；
4. 由于 navigator 可误导浏览器检测，开发人员可以使用属性检测来嗅探不同的浏览器。例如，由于只有 Opera 支持属性 window.opera，可以据此识别出 Opera。