Screen 对象

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 表示颠倒的竖放。

下面是 Screen.orientation 的例子。

window.screen.orientation
// { angle: 0, type: "landscape-primary", onchange: null }

下面的例子保证屏幕分辨率大于 1024 x 768。

if (window.screen.width >= 1024 && window.screen.height >= 768) {
  // 分辨率不低于 1024x768
}

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

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