---
title: Window.resizeBy()
slug: Web/API/Window/resizeBy
tags:
  - API
  - Window
translation_of: Web/API/Window/resizeBy
---
<div>{{APIRef}}</div>

<p>La méthode <code><strong>Window.resizeBy()</strong></code> redimensionne la fenêtre actuelle d'une taille spécifié.</p>

<h2 id="Syntaxe">Syntaxe</h2>

<pre class="syntaxbox notranslate">window.resizeBy(<em>xDelta, yDelta</em>)
</pre>

<h3 id="Paramètres">Paramètres</h3>

<ul>
 <li><code>xDelta</code> est le nombre de pixels pour agrandir la fenêtre horizontalement.</li>
 <li><code>yDelta</code> est le nombre de pixels pour agrandir la fenêtre verticalement.</li>
</ul>

<h2 id="Exemple">Exemple</h2>

<pre class="brush:js notranslate">// Réduit la fenêtre
window.resizeBy(-200, -200);
</pre>

<h2 id="Notes">Notes</h2>

<p>Cette méthode redimensionne la fenêtre par rapport à sa taille actuelle. Pour redimensionner la fenêtre en termes absolus, utilisez {{domxref ("window.resizeTo ()")}}.</p>

<h3 id="Créer_et_redimensionner_une_fenêtre_externe">Créer et redimensionner une fenêtre externe</h3>

<p>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.</p>

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

<pre class="brush: js notranslate">// 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);</pre>

<p>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.</p>

<h2 id="Spécifications">Spécifications</h2>

<table class="standard-table">
 <thead>
  <tr>
   <th scope="col">Spécification</th>
   <th scope="col">Statut</th>
   <th scope="col">Commentaires</th>
  </tr>
 </thead>
 <tbody>
  <tr>
   <td>{{ SpecName('CSSOM View', '#dom-window-resizeby', 'window.resizeBy()') }}</td>
   <td>{{ Spec2('CSSOM View') }}</td>
   <td></td>
  </tr>
 </tbody>
</table>

<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2>

<p>{{Compat("api.Window.resizeBy")}}</p>