Cette page a été traduite à partir de l'anglais par la communauté. Vous pouvez contribuer en rejoignant la communauté francophone sur MDN Web Docs.

View in English Always switch to English

Window : méthode resizeBy()

Baseline Large disponibilité

Cette fonctionnalité est bien établie et fonctionne sur de nombreux appareils et versions de navigateurs. Elle est disponible sur tous les navigateurs depuis juillet 2015.

La méthode resizeBy() de l'interface Window redimensionne la fenêtre actuelle à une taille définie.

Syntaxe

js
resizeBy(xDelta, yDelta)

Paramètres

xDelta

Le nombre de pixels pour agrandir la fenêtre horizontalement.

yDelta

Le nombre de pixels pour agrandir la fenêtre verticalement.

Valeur de retour

Aucune (undefined).

Exemples

js
// Réduit la fenêtre
window.resizeBy(-200, -200);

Notes

Cette méthode redimensionne la fenêtre par rapport à sa taille actuelle. Pour redimensionner la fenêtre en termes absolus, utilisez window.resizeTo().

Créer et redimensionner une fenêtre externe

Pour des raisons de sécurité, il n'est plus possible dans Firefox pour un site Web de modifier la taille par défaut d'une fenêtre dans un navigateur si la fenêtre n'a pas été créée par window.open() ou contient plusieurs onglets. Consultez le tableau de compatibilité pour plus de détails sur le changement.

Même si vous créez une fenêtre avec window.open() elle n'est pas redimensionnable par défaut. Pour rendre la fenêtre redimensionnable, vous devez l'ouvrir avec le paramètre "resizable" .

js
// Créer une fenêtre redimensionnable
myExternalWindow = window.open(
  "http://myurl.domain",
  "myWindowName",
  "resizable",
);

// Redimensionner la fenêtre à 500 x 500
myExternalWindow.resizeTo(500, 500);

// Rendre la fenêtre relativement plus petit à 400 x 400
myExternalWindow.resizeBy(-100, -100);

La fenêtre que vous créez doit respecter la politique de même origine. Si la fenêtre que vous ouvrez n'est pas dans la même origine que la fenêtre actuelle, vous ne pourrez pas redimensionner ni accéder aux informations sur cette fenêtre / cet onglet.

Spécifications

Spécification
CSSOM View Module
# dom-window-resizeby

Compatibilité des navigateurs

Note : Cette fonction pourrait ne pas redimensionner la fenêtre de manière synchrone. Dans certains environnements (comme les mobiles), elle pourrait ne pas redimensionner la fenêtre du tout. Vous pouvez écouter l'évènement resize pour voir si/quand la fenêtre a été redimensionnée.