Recherche…


Obtenir la résolution de l'écran

Pour obtenir la taille physique de l'écran (y compris la fenêtre chrome et la barre de menus / le lanceur):

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

Obtenir la zone «disponible» de l'écran

Pour obtenir la zone «disponible» de l’écran (c’est-à-dire ne pas inclure de barres sur les bords de l’écran, mais en incluant le chrome de la fenêtre et d’autres fenêtres:

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

Obtenir des informations de couleur sur l'écran

Pour déterminer la couleur et la profondeur de pixel de l'écran:

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

Propriétés de la fenêtre innerWidth et innerHeight

Obtenir la hauteur et la largeur de la fenêtre

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

Largeur et hauteur de la page

Pour obtenir la largeur et la hauteur actuelles de la page (pour n'importe quel navigateur), par exemple lors de la programmation de la réactivité:

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
Sous licence CC BY-SA 3.0
Non affilié à Stack Overflow