谈谈JS 的Navigator 对象

最新推荐文章于 2025-04-17 21:03:21 发布

蝴蝶教程

最新推荐文章于 2025-04-17 21:03:21 发布

阅读量262

点赞数

分类专栏： JS

JS 专栏收录该内容

24 篇文章

订阅专栏

Navigator 对象

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

注意：没有适用于Navigator对象的公共标准，但所有主流浏览器都支持它。

<!DOCTYPE html>
<html>
<meta charset="utf-8">
<title>navigator</title>

<body>

<div id="demo"></div>

<script>
    var txt = "";
    txt += "<p>Browser CodeName: " + navigator.appCodeName + "</p>";
    txt += "<p>Browser Name: " + navigator.appName + "</p>";
    txt += "<p>Browser Version: " + navigator.appVersion + "</p>";
    txt += "<p>Cookies Enabled: " + navigator.cookieEnabled + "</p>";
    txt += "<p>Browser Language: " + navigator.language + "</p>";
    txt += "<p>Browser Online: " + navigator.onLine + "</p>";
    txt += "<p>Platform: " + navigator.platform + "</p>";
    txt += "<p>User-agent header: " + navigator.userAgent + "</p>";

    document.getElementById("demo").innerHTML = txt;
</script>
<div>
   //输出
  Browser CodeName: Mozilla

  Browser Name: Netscape

  Browser Version: 5.0 (Windows NT 10.0; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) 
  Chrome/74.0.3729.131 Safari/537.36

  Cookies Enabled: true

  Browser Language: zh-CN

  Browser Online: true

  Platform: Win32

  User-agent header: Mozilla/5.0 (Windows NT 10.0; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/74.0.3729.131 Safari/537.36

</div>
</body>
</html>

Navigator 对象属性

可以在Navigator对象上使用以下属性：

属性	描述
appCodeName	返回浏览器的代码名称
appName	返回浏览器的名称
appVersion	返回浏览器的版本信息
cookieEnabled	确定是否在浏览器中启用了cookie
geolocation	返回可用于定位用户位置的Geolocation对象
language	返回浏览器的语言
onLine	确定浏览器是否在线
platform	返回编译浏览器的平台
product	返回浏览器的引擎名称
userAgent	返回浏览器发送给服务器的用户代理标头