Movatterモバイル変換


[0]ホーム

URL:


  1. 開発者向けのウェブ技術
  2. Web API
  3. Window
  4. Window.resizeBy()

このページはコミュニティーの尽力で英語から翻訳されました。MDN Web Docsコミュニティーについてもっと知り、仲間になるにはこちらから。

View in EnglishAlways switch to English

Window.resizeBy()

Baseline Widely available

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

Window.resizeBy() メソッドは、現在のウィンドウを指定した大きさにリサイズします。

構文

js
resizeBy(xDelta, yDelta);

引数

  • xDelta はウィンドウを水平方向に広げるピクセル数です。
  • yDelta はウィンドウを垂直方向に広げるピクセル数です。

返値

なし (undefined)。

js
// Shrink the windowwindow.resizeBy(-200, -200);

メモ

このメソッドは、ウィンドウの大きさを現在の大きさからの相対値で変更します。ウィンドウの大きさを絶対的な値で変更する場合はwindow.resizeTo() を使用してください。

外部ウィンドウの生成とリサイズ

セキュリティ上の理由から、 Firefox では、ウィンドウがwindow.open() によって生成されていない場合や、複数のタブを含む場合に、ウェブサイトがブラウザー内のウィンドウの既定のサイズを変更することができなくなりました。この変更の詳細については、互換性一覧表を参照してください。

window.open() によってウィンドウを作成しても、既定ではリサイズできません。 ウィンドウをリサイズ可能にするには、"resizable" 特性を使用してウィンドウを開く必要があります。

js
// リサイズ可能なウィンドウを作成myExternalWindow = window.open(  "http://myurl.domain",  "myWindowName",  "resizable",);// ウィンドウを 500x500 にリサイズmyExternalWindow.resizeTo(500, 500);// ウィンドウをより小さく 400x400 にするmyExternalWindow.resizeBy(-100, -100);

作成するウィンドウは、「同一オリジンポリシー」を尊重する必要があります。開いたウィンドウと現在のウィンドウのオリジンが同じでない場合、そのウィンドウ/タブの大きさを変更したり、情報にアクセスしたりすることはできません。

仕様書

Specification
CSSOM View Module
# dom-window-resizeby

ブラウザーの互換性

Help improve MDN

Learn how to contribute

This page was last modified on byMDN contributors.


[8]ページ先頭

©2009-2026 Movatter.jp