デスクトップコンピュータやタブレットなどの異なるデバイスでUIが正しく表示されるかどうかを、開発するポータルをプレビューして確認しましょう。
補足： デバイスプレビューは実際のデバイスを使ったアプリケーションテストの代わりにはなりません。
-
App Studioで「Preview application」をクリックし、アプリケーション名の横のポータルリストをクリックしてプレビューするポータルを選択します。
-
App Studioのナビゲーションパネルで、モニターとタブレットのアイコンにカーソルを合わせてプレビューサイズを確認します。
補足： プレビューの異なる形状は、各デバイスの画面サイズを示しています。 -
デバイスのアイコンをクリックすると、デバイスのアプリケーションプレビューを表示できます。
補足： モバイルデバイスでWebポータルをプレビューすると、App Studioではモバイルブラウザに表示されます。 ブラウザのインターフェイスは、モバイルクライアントチャネルとは異なる個別のモバイルネイティブインターフェイスです。 -
タブレットの場合は、表示モードを切り替えます。
-
デバイスのアイコンをもう一度クリックすると、横向きと縦向きのモードが切り替わります。
-
特定のモバイルデバイスのアプリをプレビューするには、デバイスアイコンの横のドロップダウンリストからデバイスモデルを選択します。
Dev Studioのデバイス一覧は編集可能です。 詳細は、 「Adding, editing, and deleting a preview device」を参照してください。
-
- プレビューデバイスの追加、編集、削除
スマートフォンやタブレットなどの特定のデバイスでアプリケーションがどのように表示されるかをプレビューするには、プレビューを生成するデバイスのリストを変更します。 Dev Studioにアクセスしている場合は、新しいデバイスをリストに追加することも、リストの既存のデバイスを編集することも、リストからデバイスを削除することもできます。