JavaScript
Schermo

Ottenere la risoluzione dello schermo

Per ottenere le dimensioni fisiche dello schermo (inclusa finestra chrome e barra dei menu / avvio):

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

Ottenere l'area "disponibile" dello schermo

Per ottenere l'area "disponibile" dello schermo (ovvero non includere alcuna barra sui bordi dello schermo, ma includendo finestra chrome e altre finestre:

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

Ottenere informazioni sul colore sullo schermo

Per determinare il colore e la profondità dei pixel dello schermo:

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

Window innerWidth e innerHeight Properties

Ottieni l'altezza e la larghezza della finestra

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

Larghezza e altezza della pagina

Per ottenere larghezza e altezza della pagina corrente (per qualsiasi browser), ad esempio quando si programma la reattività:

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;
}