Obtenir les dimensions de la zone d'affichage (viewport) avec JavaScript

La fonction viewportSize() permet d'obtenir les tailles en pixels de la zone d'affichage (viewport).

viewportSize()

Retourne les dimensions en pixels de la zone d'affichage.

Syntaxe

viewportSize();

Paramètre

Aucun.

Valeurs de retour

La fonction viewportSize() retourne un objet dont les propriétés décrivent les dimensions de la zone d'affichage.

height(Number)

La propriété height de la valeur de retour de la fonction viewportSize() retourne la hauteur en pixels de la zone d'affichage.

width(Number)

La propriété width de la valeur de retour de la fonction viewportSize() retourne la largeur en pixels de la zone d'affichage.

var dimensions = viewportSize();

var hauteur = dimensions.height; // renvoie par exemple : 758
var largeur = dimensions.width;  // renvoie par exemple : 1425

function viewportSize() {
  var d = document.documentElement;
  return {
    height: d.clientHeight,
    width:  d.clientWidth
  };
}