ウィジェットのデバッグ

ウィジェットのデバッグをすると、ウィジェットの制御の流れを理解することができます。ターゲットデバイスでウィジェットを実行して、そのJavaScriptコードをデバッグすることでウィジェットをデバッグすることができます。 JavaScriptのコードのデバッグには、Remote Inspector[x]ツールを使用します。

ターゲットデバイスでアプリケーションをデバッグするには次の手順に従います。

コンピュータにターゲットデバイスを接続します。
次のいずれかを実行してDebug Configurationsウィンドウを開きます。

Project Explorerビューでプロジェクトを右クリックし、Debug As > Debug Configurationsを選択します。
Debug Configurationsウィンドウで、New Launch Configurationをクリックします。

前回アプリケーションが実行されたときからアプリケーションのソースファイルに変更がない場合は、Rapid Development Support (RDS)が実行されます。RDSはパッケージのアップロードを省略し、アプリケーション実行を素早く行います。RDSはデフォルトで有効になっています。RDSを無効にするには、Window > Preferences > Tizen SDK > Rapid Development Supportで設定して下さい。
Timeout valueスライダを使用してタイムアウトを設定します。

Timeout valueはアプリケーション起動の待機時間を表します。性能の低いコンピュータを使用している場合は、アプリケーション起動失敗エラーを回避するためにTimeout valueを多めに設定します。

Debugをクリックして実行します。

デバッグ実行設定に変更を必要としない場合は次のいずれかを実行して、ターゲットデバイスでアプリケーションを実行することができます。

Project Explorerビューでプロジェクトを右クリックし、Debugn As > Tizen Web Applicationを実行します。
Tizen IDEのメニューでRun > Debug As > Tizen Web Applicationを選択します。
Tizen IDEツールバーのDebugをクリックします。

Remote Inspectorが新しいChromeブラウザのウィンドウに表示されます。Remote Inspectorを使用して次のデバッグ方法を実行できます。

スタイルを検証
DOMを検証
リソースを検証
JavaScriptコードをデバッグ

Debugging widgets

注意

注意
Remote Inspectorは常に新しいウィンドウで開きます。デバッグするアプリケーションとRemote Inspectorブラウザ間のライフサイクルの同期はサポートされていません。Remote Inspectorを使うにはGoogle Chromeのインストールが必須となります。 Google Chromeがインストールされると、Tizen SDKは自動的にそれを検出します。Google Chromeのパスを設定するには、`Window > Preferences > Tizen SDK > Web > Chrome`を選択します。

Remote Inspectorは常に新しいウィンドウで開きます。デバッグするアプリケーションとRemote Inspectorブラウザ間のライフサイクルの同期はサポートされていません。Remote Inspectorを使うにはGoogle Chromeのインストールが必須となります。

Google Chromeがインストールされると、Tizen SDKは自動的にそれを検出します。Google Chromeのパスを設定するには、Window > Preferences > Tizen SDK > Web > Chromeを選択します。

JavaScriptコードをデバッグするには、Remote InspectorのSourcesをクリックします。

JavaScriptコードをデバッグする前にデバッグを有効にする必要があります。

また、エディタの左側にあるマーカーバーエリアで右クリックし、Toggle Breakpointを選択することによってコードにブレークポイントを設定することができます。

ブレークポイントが設定されると、変数、式、現在のコールスタックを見ることができます。また、次の制御ボタンを使用してデバッグを制御することができます。

表：ブレークポイント間のデバッグのためのコントロールボタン
ボタン	説明
	現在の実行を再開します。
	現在行をステップオーバーします。現在の行を実行します。その行にメソッドが含まれていれば、メソッド内部の処理は追わずにメソッドを実行します。
	現在行にステップインします。現在の行を実行します。その行にメソッドが含まれていれば、メソッド内部にに移動します。
	現在行をステップアウトします。
	すべてのブレークポイントを無効にします。