JavaScript Navigator

谁践踏了优雅 2022-07-13 03:19 133阅读 0赞

# Navigator 对象包含的属性描述了正在使用的浏览器。可以使用这些属性进行平台专用的配置。 #

虽然这个对象的名称是 Netscape 的 Navigator 浏览器，但其他实现了 JavaScript 的浏览器也支持这个对象。

Navigator 对象的实例是唯一的，可以用 Window 对象的 navigator 属性来引用它。

# 测试用例 #

<html>
        <head>
            <meta charset="UTF8" />
        </head>
        <body>
            <script> function append(description, name, value) { document.write("<p>"+description+"<br/>"+name+":"+value+"</p>"); } append("返回浏览器的代码名", "appCodeName", navigator.appCodeName); append("返回浏览器的名称", "appName", navigator.appName); append("返回浏览器的平台和版本信息", "appVersion", navigator.appVersion); append("返回浏览器的次级版本", "appMinorVersion", navigator.appMinorVersion); append("返回指明浏览器中是否启用 cookie 的布尔值", "cookieEnabled", navigator.cookieEnabled); append("返回浏览器系统的 CPU 等级", "cpuClass", navigator.cpuClass); append("返回指明系统是否处于脱机模式的布尔值", "onLine", navigator.onLine); append("返回运行浏览器的操作系统平台", "platform", navigator.platform); append("返回由客户机发送服务器的 user-agent 头部的值", "userAgent", navigator.userAgent); append("返回当前浏览器的语言", "browserLanguage", navigator.browserLanguage); append("返回 OS 使用的默认语言", "systemLanguage", navigator.systemLanguage); append("返回 OS 的自然语言设置", "userLanguage", navigator.userLanguage); </script>
        </body>
    </html>

*  chrome浏览器  
    ![这里写图片描述][20161222114838108]
 *  Microsoft Edge  
    ![这里写图片描述][20161222114830608]
 *  IE 11  
    ![这里写图片描述][20161222114846234]
 *  Firefox  
    ![这里写图片描述][20161222114743279]
 *  三星N9000 自带浏览器  
    ![这里写图片描述][20161222114712900]

# navigator.userAgent #

最常用的便是该属性了。我们一般据此来判断是PC还是手机。（windows系统是Window NT；苹果系统是Macintosh）

[20161222114838108]: /images/20220713/3560feb7ec6c4d3da6adb435e8c25d94.png
[20161222114830608]: /images/20220713/827a7ec760d346309fb53275e22ef8b0.png
[20161222114846234]: /images/20220713/3c1c728164c8408881059e24ea06a233.png
[20161222114743279]: /images/20220713/905751efff724ff5b569ff5ad4db89c2.png
[20161222114712900]: /images/20220713/13e01334c14f498f9322ff7bc663d04b.png