一篇文章带你了解JavaScript window navigator（上篇）

回复“前端”即可获赠前端相关学习资料

今

日

鸡

汤

山回路转不见君，雪上空留马行处。

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 语言，方便大家更好理解，希望对大家的学习有帮助。

------------------- End -------------------

本站仅提供存储服务，所有内容均由用户发布，如发现有害或侵权内容，请点击举报。