シミュレーションパネルの使用
Liferay DXP 2023.Q4+/Portal GA102+が利用可能
さまざまなシナリオをシミュレートすることで、ページの応答性を確認できます。
Liferay では、シミュレーション パネルを使用してさまざまな 画面サイズ をシミュレートし、それを利用可能な セグメント 向けの ページ コンテンツ と組み合わせたり、ページに適用されたさまざまな エクスペリエンス と組み合わせたりできます。
シミュレーションパネルへのアクセス
シミュレーション パネル (
) はアプリケーション バーにあります。
シミュレーション パネルを使用するには、アドレスを使用してページにアクセスするか、Pages アプリケーションを通じてページにアクセスします。 Pagesアプリケーションでページを表示するには、
-
サイト メニュー (
) を開き、 サイト ビルダー → ページに移動します。 -
表示するページを見つけて、 アクション (
) → 表示をクリックします。
シミュレーション パネルを使用するには、デバイスでのプレビュー権限が必要です。 コントロール パネル → サイト → サイト → リソースのアクセス許可 → サイトにあります。 権限の詳細については、「 ロール権限の定義 」を参照してください。
シミュレーションパネル: 画面サイズ
画面サイズをシミュレートするときには、事前定義された 3 つの値 (デスクトップ、タブレット、モバイル) と可変の 2 つの値 (自動サイズ調整とカスタム) の 5 つのオプションがあります。 コンテンツをシミュレートするには、 オプション (オプション) をクリックします。
| オプション | 高さ | 幅 |
|---|---|---|
デスクトップ ( ) | 1050ピクセル | 1300ピクセル |
タブレット（ ） | 900ピクセル | 808ピクセル |
モバイル ( ) | 640ピクセル | 400ピクセル |
自動サイズ調整 ( ) | ウィンドウに適応1 | ウィンドウに適応 |
カスタム ( ) | カスタム入力2 | カスタム入力 |
シミュレーションパネル: ページコンテンツ
セグメントまたはエクスペリエンスが設定されている場合は、適用されたセグメントまたはエクスペリエンスに基づいてコンテンツをシミュレートすることもできます。 シミュレーション パネルを使用すると、シミュレートされた画面でエクスペリエンスとセグメントがどのように表示されるかを視覚化できます。
-
最初のセレクターの「プレビュー方法」で セグメント または エクスペリエンス を選択して、2 番目のセレクターで利用可能なセグメントとエクスペリエンスを確認します。
-
利用可能なセグメントまたはエクスペリエンスがある場合は、2 番目のセレクターでそれらを選択します。
シミュレートされたコンテンツの上部にあるメッセージには、適用されたセグメント/エクスペリエンスに関する情報が表示されます。
