JS：浏览器 Navigator 对象

本文内容大多基于官方文档和网上前辈经验总结，经过个人实践加以整理积累，仅供参考。

---

Navigator 对象包含有关浏览器的信息

Navigator 对象属性

测试代码：

<table>
  <tr>
    <td>浏览器代码名：</td>
    <td id="appCodeName"></td>
  </tr>
  <tr>
    <td>浏览器次级版本：</td>
    <td id="appMinorVersion"></td>
  </tr>
  <tr>
    <td>浏览器正式名称：</td>
    <td id="appName"></td>
  </tr>
  <tr>
    <td>浏览器平台和版本信息：</td>
    <td id="appVersion"></td>
  </tr>
  <tr>
    <td>浏览器语言：</td>
    <td id="browserLanguage"></td>
  </tr>
  <tr>
    <td>是否启用Cookie：</td>
    <td id="cookieEnabled"></td>
  </tr>
  <tr>
    <td>浏览器系统CPU等级：</td>
    <td id="cpuClass"></td>
  </tr>
  <tr>
    <td>是否处于脱机模式：</td>
    <td id="onLine"></td>
  </tr>
  <tr>
    <td>操作系统平台：</td>
    <td id="platform"></td>
  </tr>
  <tr>
    <td>操作系统默认语言：</td>
    <td id="systemLanguage"></td>
  </tr>
  <tr>
    <td>客户端发送给服务器的user-agent头部值：</td>
    <td id="userAgent"></td>
  </tr>
  <tr>
    <td>操作系统自然语言设置：</td>
    <td id="userLanguage"></td>
  </tr>
</table>
<script src="resource/jQuery/jquery-1.12.4.min.js"></script>
<script>
  $(function() {
    $('#appCodeName').text(navigator.appCodeName);
    $('#appMinorVersion').text(navigator.appMinorVersion);
    $('#appName').text(navigator.appName);
    $('#appVersion').text(navigator.appVersion);
    $('#browserLanguage').text(navigator.browserLanguage);
    $('#cookieEnabled').text(navigator.cookieEnabled);
    $('#cpuClass').text(navigator.cpuClass);
    $('#onLine').text(navigator.onLine);
    $('#platform').text(navigator.platform);
    $('#systemLanguage').text(navigator.systemLanguage);
    $('#userAgent').text(navigator.userAgent);
    $('#userLanguage').text(navigator.userLanguage);
  });
</script>

Chrome 测试结果：

Firefox 测试结果：

IE 测试结果：

Navigator 对象方法