您的位置：首页 > Web前端 > JavaScript

JS：浏览器 Navigator 对象

2017-01-24 22:31 429 查看

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

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 对象方法

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： 浏览器 JavaScript

相关文章推荐

新的分享

章节导航