アプリをデバッグする

開発中のアプリケーションの外観や動作を確認する場合はWebブラウザーに表示します。
Forguncyには開発用のWebサーバーが内蔵されており、このサーバーを通じてWebブラウザーで確認します。
また、モバイルデバイスで表示した際のレイアウトを確認することもできます。

note
..\Media\pict-note.png

モバイルデバイスでの表示の確認については、 モバイルデバイスの表示を確認する を参照してください。

デバッグ時にログイン画面を表示したくない場合は、プロジェクトを実行するを参照してください。

 

1 [ホーム]→[開始(デバッグ)]をクリックします。

 

作成中のアプリケーションがWebブラウザーに表示され、発行時と同じ状態でチェックできます。


     ↓

表示するWebブラウザーを選択する場合は[ホーム]→[開始]の下にある[▼]をクリックして目的のWebブラウザーを選択します。
ここには、使用可能なWebブラウザーが表示されます。

true 

Ctrl キーを押しながら[ホーム]→[開始]をクリックすると、非表示の行/列が表示された状態を確認できます。

note
..\Media\pict-note.png

開発用Webサーバーのポート番号を変更する場合は 開発用Webサーバーのポート番号を変更する を参照してください。

 

tip
..\Media\pict-tips.png

アプリケーションがプロジェクト(FGCP)ファイルへと保存されている場合、アプリケーション修正の際に再度デバッグの開始ボタンをクリックする必要はありません。上書き保存ボタンをクリックしてプロジェクトを保存し、Webブラウザーでページの再読み込みを行えば、行った修正は反映されます。

 

tip
..\Media\pict-tips.png

Webブラウザー上でセルを選択し、Ctrl + M キーを押すと、セルの名前が表示されます。セルに名前がついていない場合はIDが表示されます。キーを離すと、セル名またはIDの表示がなくなります。この機能は、JavaScript APIを使用しているアプリケーションのデバッグ時に便利です。

 

■モバイルデバイスの表示を確認する

開発中のアプリケーションの外観や動作について、モバイルデバイスでの表示を確認することもできます。ただし、パソコンのWebブラウザー上での表示となるため、たとえばスクロールバーが表示されてしまうなど、モバイルデバイスと完全に同じ表示状態にはなりません。

1 [ホーム]→[開始]の下にある[▼]をクリックして[モバイルシミュレータ]を選択します。

true

 

作成中のアプリケーションのモバイルデバイスでのレイアウトをWebブラウザーで確認できます。

true