Метод окна: resizeBy()

Базовая Широко доступна

Эта функция хорошо зарекомендовала себя и работает на многих устройствах и версиях браузеров. Она доступна в браузерах с июля 2015 года.

Метод Window.resizeBy() изменяет размер текущего окна на заданную величину.

Синтаксис

resizeBy(xDelta, yDelta)

Параметры

xDelta: Количество пикселей, на которое увеличивается ширина окна.
yDelta: Количество пикселей, на которое увеличивается высота окна.

Возвращаемое значение

Ничего (undefined).

Примеры

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

Примечания

Этот метод изменяет размер окна относительно его текущего размера. Чтобы изменить размер окна в абсолютных значениях, используйте window.resizeTo().

Создание и изменение размера внешнего окна

По соображениям безопасности в Firefox больше нельзя изменять размер окна по умолчанию для сайта, если это окно не было создано window.open(), или содержит более одной вкладки. Подробности об изменениях см. в таблице совместимости.

Даже если вы создаёте окно с помощью window.open(), оно по умолчанию не может быть изменён. Чтобы окно можно было изменять размер, необходимо открыть его с опцией "resizable".

// 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);

Создаваемое окно должно подчиняться политике одного происхождения. Если открываемое окно не имеет того же происхождения, что и текущее, вы не сможете изменять его размер или получать доступ к информации об этом окне/вкладке.

Спецификации

Спецификация
Модуль CSSOM View # dom-window-resizeby

Совместимость с браузерами

	Рабочий стол					Мобильные устройства
	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox для Android	Opera Android	Safari на iOS	Samsung Internet	WebView Android
`resizeBy`	1	12	1 С Firefox 7 у веб-сайтов больше нет возможности изменить размер окна по умолчанию в браузере, если это окно не было создано `window.open` или содержит более одной вкладки. Подробнее см. здесь.	≤12.1	1	18	4	≤12.1	1	1.0	4.4

Примечание: Эта функция может не изменять размер окна синхронно. В некоторых средах (например, на мобильных устройствах) она может вообще не изменять размер окна. Чтобы узнать, был ли изменен размер окна, можно прослушать событие resize.

© 2005–2024 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/Window/resizeBy