一篇文章带你了解JavaScript window navigator（上篇）
一篇文章带你了解JavaScript window navigator（上篇）
前端进阶者
发布于 2021-01-22 10:10:59
发布于 2021-01-22 10:10:59
代码可运行
运行总次数：0
代码可运行
window.navigator 对象包含有关访问者浏览器的信息。
一、Window Navigator
window.navigator 对象可以不用窗口window前缀编写（ navigator.XXXX）。
二、属性
1. 浏览器 Cookies
cookieEnabled 属性如果启用Cookie，则属性返回true，否则为false。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>项目</title>
</head>
<body style="background-color: aqua;">
<h1>Navigator 对象</h1>
<p>cookieEnabled属性返回true 如果cookies 是 enabled:</p>
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML =
"navigator.cookieEnabled is " + navigator.cookieEnabled;
</script>
</body>
</html>
2. 浏览器应用程序名称
appName 属性返回浏览器的应用程序名称。
<script>
document.getElementById("demo").innerHTML =
"navigator.appName is " + navigator.appName;
</script>
注：
"Netscape" 是 IE11, Chrome, Firefox和Safari的应用程序名称。
3. 项目浏览器应用程序代码名称
appCodeName 属性返回浏览器的应用程序代码名。
<script>
document.getElementById("demo").innerHTML =
"navigator.appCodeName is " + navigator.appCodeName;
</script>
"Mozilla" 是Chrome, Firefox, IE, Safari和Opera应用程序代码名称 。
4. 浏览器引擎
产品属性返回浏览器引擎的产品名称:
<script>
document.getElementById("demo").innerHTML =
"navigator.product is " + navigator.product;
</script>
5. 浏览器版本
appVersion 属性返回有关浏览器的版本信息。
<script>
document.getElementById("demo").innerHTML = navigator.appVersion;
</script>
三、总结
本文基于JavaScript基础，介绍了浏览器Cookies、浏览器应用程序名称、项目浏览器应用程序代码名称、浏览器引擎、浏览器版本等属性，针对这些属性，都做了详细的讲解。通过用丰富的案例帮助大家更好理解。
希望大家可以根据文章的内容，积极尝试，有时候看到别人实现起来很简单，但是到自己动手实现的时候，总会有各种各样的问题，切勿眼高手低，勤动手，才可以理解的更加深刻。
使用JavaScript 语言，方便大家更好理解，希望对大家的学习有帮助。
本文参与 腾讯云自媒体同步曝光计划，分享自微信公众号。
原始发表：2020-10-09，如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
推荐阅读
目录
腾讯云开发者
