window.innerWidth

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.

Résumé

Récupère la largeur du contenu visible de la fenêtre de navigation en incluant, s'il est visible, l'ascenseur vertical. Permet également de fixer une largeur pour le domaine d'affichage de la fenêtre.

Syntaxe

js
var largeur = window.innerWidth;

Voir aussi : window.innerHeight, window.outerHeight and window.outerWidth.

Valeur renvoyée

innerWidth

un entier (nombre de pixels);

Notes

La propriété innerWidth est supportée par tous les objet "window" comme par exemple une fenêtre, une frame, un frameset, ou une fenêtre secondaire.

Example

js
// Retourne la largeur de la fenêtre
var largeur = window.innerWidth;

// Retourn la largeur de la fenêtre à l'intérieur d'une "frameset"
var largeur = self.innerWidth;

// Retourne la largeur de la fenêtre du "frameset" parent
var largeurDeLaFrame = parent.innerWidth;

// Retourne la largeur de la fenêtre du "frameset" principal
var largeurDuFrameset = top.innerWidth;

Pour changer la taille de la fenêtre, voir window.resizeBy and window.resizeTo.

Spécifications

Specification
CSSOM View Module
# dom-window-innerwidth

Compatibilité des navigateurs

Report problems with this compatibility data on GitHub
desktopmobile
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
innerWidth

Legend

Tip: you can click/tap on a cell for more information.

Full support
Full support
See implementation notes.