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