Window management
Window Management API は接続されたスクリーンの情報を取得し、マルチモニター環境でのウィンドウ配置を制御します。
概要
Window Management API は接続されたスクリーンの情報を取得し、マルチモニター環境でのウィンドウ配置を制御します。
対応ブラウザ
デスクトップ
Chrome 111+
Edge 111+
Safari 未対応
Firefox 未対応
基本構文
JAVASCRIPT
const screenDetails = await window.getScreenDetails();
for (const screen of screenDetails.screens) {
console.log(screen.label, screen.width, 'x', screen.height);
}
// 特定のスクリーンにウィンドウを開く
window.open('/dashboard', '_blank',
`left=${screenDetails.screens[1].left},top=0,width=800,height=600`);実務での使いどころ
-
Window management の活用
Window Management API。マルチスクリーン環境でウィンドウを管理するAPI。
注意点
- 一部のブラウザでのみ対応。使用前にブラウザサポートを確認すること。
アクセシビリティ
- スクリーンリーダーでの読み上げを確認すること。