Window: resizeBy()-Methode

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.

Die Window.resizeBy()-Methode ändert die Größe des aktuellen Fensters um einen angegebenen Betrag.

Syntax

resizeBy(xDelta, yDelta)

Parameter

xDelta: Die Anzahl der Pixel, um die das Fenster horizontal vergrößert werden soll.
yDelta: Die Anzahl der Pixel, um die das Fenster vertikal vergrößert werden soll.

Beispiele

// Shrink the window
window.resizeBy(-200, -200);

Anmerkungen

Diese Methode ändert die Größe des Fensters relativ zu seiner aktuellen Größe. Um die Größe des Fensters in absoluten Werten zu ändern, verwenden Sie window.resizeTo().

Erstellen und Ändern der Größe eines externen Fensters

Aus Sicherheitsgründen ist es in Firefox nicht mehr möglich, die Standardgröße eines Fensters im Browser zu ändern, wenn das Fenster nicht durch window.open() erstellt wurde oder mehr als einen Tab enthält. Siehe die Kompatibilitätstabelle für Details zur Änderung.

Selbst wenn Sie ein Fenster durch window.open() erstellen, ist es standardmäßig nicht größenveränderbar. Um das Fenster größenveränderbar zu machen, müssen Sie es mit der "resizable"-Funktion öffnen.

// Create resizable window
myExternalWindow = window.open(
  "https://example.com",
  "myWindowName",
  "resizable",
);

// Resize window to 500x500
myExternalWindow.resizeTo(500, 500);

// Make window relatively smaller to 400x400
myExternalWindow.resizeBy(-100, -100);

Das von Ihnen erstellte Fenster muss die Same-Origin-Policy respektieren. Wenn das von Ihnen geöffnete Fenster nicht im gleichen Ursprung wie das aktuelle Fenster ist, können Sie seine Größe nicht ändern oder auf Informationen in diesem Fenster/Tab zugreifen.

Spezifikationen

Specification
CSSOM View Module # dom-window-resizeby

Browser-Kompatibilität

BCD tables only load in the browser

Hinweis: Diese Funktion könnte das Fenster nicht synchron verkleinern. In einigen Umgebungen (wie mobilen Geräten) könnte das Fenster überhaupt nicht verkleinert werden. Sie können das resize-Event abhören, um zu sehen, ob/wann das Fenster verkleinert wurde.