Zoeken…


De schermresolutie verkrijgen

Om de fysieke grootte van het scherm te krijgen (inclusief vensterchroom en menubalk / launcher):

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

Het "beschikbare" gedeelte van het scherm verkrijgen

Om het "beschikbare" gedeelte van het scherm te krijgen (dwz zonder balken aan de randen van het scherm, maar met vensterchroom en andere vensters:

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

Kleurinformatie over het scherm verkrijgen

De kleur en pixeldiepten van het scherm bepalen:

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

Window innerWidth en innerHeight Properties

Verkrijg de vensterhoogte en -breedte

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

Paginabreedte en hoogte

Om de huidige paginabreedte en -hoogte te krijgen (voor elke browser), bijvoorbeeld bij het programmeren van responsiviteit:

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
Licentie onder CC BY-SA 3.0
Niet aangesloten bij Stack Overflow