Navigator 对象，Screen 对象

kgbook 发布于2019-08-26 10:24 / 641人阅读

摘要：得到用户的当前位置监听用户位置变化取消方法指定的监听函数注意，调用这三个方法时，浏览器会跳出一个对话框，要求用户给予授权属性返回一个布尔值，表示浏览器的功能是否打开。对象的方法方法返回一个布尔值，表示浏览器是否能运行小程序。

window.navigator属性指向一个包含浏览器和系统信息的 Navigator 对象。脚本通过这个属性了解用户的环境信息。

1.Navigator 对象的属性 1.1.Navigator.userAgent 1.2.Navigator.plugins 1.3.Navigator.platform 1.4Navigator.onLine 1.5Navigator.language，#1.6Navigator.languages 1.7Navigator.geolocation 1.8Navigator.cookieEnabled 2Navigator 对象的方法 2.1Navigator.javaEnabled() 2.2Navigator.sendBeacon() 3Screen 对象 1.Navigator 对象的属性 1.1.Navigator.userAgent

navigator.userAgent属性返回浏览器的 User Agent 字符串，表示浏览器的厂商和版本信息。

下面是 Chrome 浏览器的userAgent。

navigator.userAgent
// "Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/29.0.1547.57 Safari/537.36"

通过userAgent可以大致准确地识别手机浏览器，方法就是测试是否包含mobi字符串。

var ua = navigator.userAgent.toLowerCase();

if (/mobi/i.test(ua)) {
// 手机浏览器
} else {
// 非手机浏览器
}
如果想要识别所有移动设备的浏览器，可以测试更多的特征字符串。

/mobi|android|touch|mini/i.test(ua)

1.2.Navigator.plugins

返回一个类似数组的对象，成员是 Plugin 实例对象，表示浏览器安装的插件

1.3.Navigator.platform

Navigator.platform属性返回用户的操作系统信息，比如MacIntel、Win32、Linux x86_64等。

navigator.platform
// "Linux x86_64"

1.4Navigator.onLine

是否在线，有无网络，返回真用户变成在线会触发

online事件，变成离线会触发offline事件，可以通过window.ononline和window.onoffline指定这两个事件的回调函数。

window.addEventListener("offline", function(e) { console.log("offline"); });
window.addEventListener("online", function(e) { console.log("online"); });假

1.5Navigator.language，Navigator.languages

Navigator.language属性返回一个字符串，表示浏览器的首选语言。该属性只读。

navigator.language // "en"
Navigator.languages属性返回一个数组，表示用户可以接受的语言。

如果这个属性发生变化，就会在window对象上触发languagechange事件

1.7Navigator.geolocation

Navigator.geolocation属性返回一个 Geolocation 对象，包含用户地理位置的信息

Geolocation 对象提供下面三个方法。

Geolocation.getCurrentPosition()：得到用户的当前位置
Geolocation.watchPosition()：监听用户位置变化
Geolocation.clearWatch()：取消watchPosition()方法指定的监听函数
注意，调用这三个方法时，浏览器会跳出一个对话框，要求用户给予授权

1.8Navigator.cookieEnabled

Navigator.cookieEnabled属性返回一个布尔值，表示浏览器的 Cookie 功能是否打开。

navigator.cookieEnabled // true
注意，这个属性反映的是浏览器总的特性，与是否储存某个具体的网站的 Cookie 无关。用户可以设置某个网站不得储存 Cookie，这时cookieEnabled返回的还是true。

2Navigator 对象的方法 2.1Navigator.javaEnabled()

Navigator.javaEnabled()方法返回一个布尔值，表示浏览器是否能运行 Java Applet 小程序。

navigator.javaEnabled() // false

2.2Navigator.sendBeacon()

Navigator.sendBeacon()方法用于向服务器异步发送数据

3Screen 对象

Screen 对象表示当前窗口所在的屏幕，提供显示设备的信息。window.screen属性指向这个对象。

该对象有下面的属性。

Screen.height：浏览器窗口所在的屏幕的高度（单位像素）。除非调整显示器的分辨率，否则这个值可以看作常量，不会发生变化。显示器的分辨率与浏览器设置无关，缩放网页并不会改变分辨率。
Screen.width：浏览器窗口所在的屏幕的宽度（单位像素）。
Screen.availHeight：浏览器窗口可用的屏幕高度（单位像素）。因为部分空间可能不可用，比如系统的任务栏或者 Mac 系统屏幕底部的 Dock 区，这个属性等于height减去那些被系统组件的高度。
Screen.availWidth：浏览器窗口可用的屏幕宽度（单位像素）。
Screen.pixelDepth：整数，表示屏幕的色彩位数，比如24表示屏幕提供24位色彩。
Screen.colorDepth：Screen.pixelDepth的别名。严格地说，colorDepth 表示应用程序的颜色深度，pixelDepth 表示屏幕的颜色深度，绝大多数情况下，它们都是同一件事。
Screen.orientation：返回一个对象，表示屏幕的方向。该对象的type属性是一个字符串，表示屏幕的具体方向，landscape-primary表示横放，landscape-secondary表示颠倒的横放，portrait-primary表示竖放，portrait-secondary

下面是根据屏幕的宽度，将用户导向不同网页的代码。

if ((screen.width <= 800) && (screen.height <= 600)) {
window.location.replace("small.html");
} else {
window.location.replace("wide.html");
}

GPU云服务器云服务器对象面向对象对象存储对象存储对象存储对象存储 php转对象数组对象

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/106112.html

简简单单认识js里的Bom对象

摘要：里面的对象是什么是浏览器对象，全拼为都有什么对象是中的顶级对象，所有定义在全局作用域中的变量函数都会变成对象的属性和方法，在调用的时候可以省略。 js里面的Bom对象 showImg(https://segmentfault.com/img/remote/1460000010691602); Bom是什么？ Bom是浏览器对象，全拼为Browser Object Model Bom都有...

CoffeX 2019-08-20 18:53 评论0 收藏0
bom基础

摘要：里面的对象什么是是浏览器对象，全拼为浏览器对象模型是的缩写，简称浏览器对象模型提供了独立于内容而与浏览器窗口进行交互的对象由于主要用于管理窗口与窗口之间的通讯，因此其核心对象是由一系列相关的对象构成，并且每个对象都提供了很多方法与属性缺乏标 js里面的Bom对象什么是Bom Bom是浏览器对象，全拼为（Browser Object Model）浏览器对象模型 BOM是browser...

shusen 2019-08-20 18:54 评论0 收藏0
学习BOM

摘要：学前端要学学习要学我们现在来学习是浏览器对象模型窗口导航窗口对象是中的顶级对象，所有定义在全局作用域中的变量函数都会变成对象的属性和方法，在调用的时候可以省略。我们在控制台打印，控制台会输出很多属性，事实上，，，，，这几个属性也是下的属性。 BOM 学前端要学css html javascript 学习javascript要学 ecmascript(es3,es5,es6,es7) d...

xuweijian 2019-08-20 18:54 评论0 收藏0
javascript bom

摘要：包含是浏览器对象，全拼为包含什么包含以下打开窗口要打开的地址新窗口的位置默认链接到新页面关闭窗口只能关闭从网页中打开的页面系统对话框系统弹窗确认取消弹窗弹出能输入文本的对话框定时器定时器清除间接同上对象包含大量有关浏览器的信息，在检测浏 javascript包含（ecmascriptes3,5,6）bom dom Bom是浏览器对象，全拼为Browser Object Model Bo...

venmos 2019-08-01 17:26 评论0 收藏0
javascript bom

摘要：包含是浏览器对象，全拼为包含什么包含以下打开窗口要打开的地址新窗口的位置默认链接到新页面关闭窗口只能关闭从网页中打开的页面系统对话框系统弹窗确认取消弹窗弹出能输入文本的对话框定时器定时器清除间接同上对象包含大量有关浏览器的信息，在检测浏 javascript包含（ecmascriptes3,5,6）bom dom Bom是浏览器对象，全拼为Browser Object Model Bo...

zhangke3016 2019-08-20 18:54 评论0 收藏0