Buscar..


Obteniendo la resolución de pantalla

Para obtener el tamaño físico de la pantalla (incluido el cromo de la ventana y la barra de menú / iniciador):

var width  = window.screen.width,
    height = window.screen.height;

Obteniendo el área “disponible” de la pantalla.

Para obtener el área “disponible” de la pantalla (es decir, sin incluir las barras en los bordes de la pantalla, pero incluyendo el cromo de la ventana y otras ventanas):

var availableArea = {
    pos: {
        x: window.screen.availLeft,
        y: window.screen.availTop
    },
    size: {
        width: window.screen.availWidth,
        height: window.screen.availHeight
    }
};

Obteniendo información de color sobre la pantalla.

Para determinar el color y la profundidad de los píxeles de la pantalla:

var pixelDepth = window.screen.pixelDepth,
    colorDepth = window.screen.colorDepth;

Propiedades de la ventana interior, ancho y interior.

Obtener la altura y el ancho de la ventana

var width = window.innerWidth
var height = window.innerHeight

Ancho y alto de página

Para obtener el ancho y el alto de la página actual (para cualquier navegador), por ejemplo, al programar la capacidad de respuesta:

function pageWidth() {
  return window.innerWidth != null? window.innerWidth : document.documentElement && document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body != null ? document.body.clientWidth : null;
}

function pageHeight() {
  return  window.innerHeight != null? window.innerHeight : document.documentElement && document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body != null? document.body.clientHeight : null;
}


Modified text is an extract of the original Stack Overflow Documentation
Licenciado bajo CC BY-SA 3.0
No afiliado a Stack Overflow