画面最大化表示

!++++

Ver.5　[ 機能を見る ] [ 機能設定を見る ]
Ver.6　[ 機能を見る ] [ 機能設定を見る ]

!----

1. はじめに

Client-side JavaScript を使用して、機能画面を開いた際にディスプレイサイズに応じてウィンドウサイズを変更する方法を紹介します。

2. サンプル機能の内容と確認ポイント

起動時に画面を最大化して開く方法を以下に示します。

※セキュリティ上の制限により、ブラウザや端末の仕様によっては完全な画面最大化はできません。一部に余白が残る場合があります。

※サンプルデモサイトのメニューから画面を開いた場合は別タブで開かれるため、動作の確認ができません。そのため「機能設定定義画面」の［PREVIEW］から実行してご確認ください。

Client-side JavaScript による実装内容は以下のとおりです。

1. eventName が "TAISHOFUNCID" であることを確認
   →実行画面が初期表示状態であることを判定します
2. setTimeout 関数内で window.screen オブジェクトを参照し、使用可能な画面領域の幅と高さを取得
3. window.moveTo() 関数でウィンドウの表示位置を調整
4. window.resizeTo() 関数で取得したサイズにウィンドウをリサイズし、画面を最大化

🔍 確認いただけるポイント

• 実行画面を開いた際に、画面が最大化された状態で表示されること

3. 画面イメージ

以下は、実行画面起動時に画面が最大化されている状態を示しています。

!++++

使用したコード一覧

!----