5.6.1. プレビュー画面の利用方法¶
ここではプレビュー画面の利用方法について説明します。
プレビュー画面を利用すると、アプリケーション画面を表示して画面の見た目や動作を確認できます。
5.6.1.1. プレビュー画面を開く¶
プレビュー画面を開くためには、デザイナ画面のヘッダから「プレビュー」アイコンをクリックします。 このとき、コンテナヘッダに「main」と表示されているページのアプリケーション画面がプレビュー画面に表示されます。
プレビュー画面が別タブ（または別ウインドウ）で表示されます。
5.6.1.2. プレビュー画面にデザインを反映する¶
プレビュー画面を表示したままデザインを変更すると、プレビュー画面にデザインの変更が反映されます。
注意
プレビュー画面を別ウインドウで表示している場合、デザイナ画面での変更は即時に反映されません。デザイナ画面の変更をプレビュー画面に反映する場合は、プレビュー画面をアクティブにしてください。注意
変数の代入値の変更はプレビュー画面に反映されません。変数の代入値の変更をプレビュー画面に反映する場合は、一度プレビュー画面を終了し、再度プレビュー画面を開いてください。コラム
画面の解像度の変更やスマートフォンのサイズで確認したい場合は、ブラウザの開発者ツールを利用してください。
5.6.1.3. プレビュー画面の終了¶
プレビュー画面を終了する場合、ブラウザのタブを閉じるボタンをクリックしてください。