進行状況の追跡を始めよう
Trailhead のホーム
Trailhead のホーム

ハイブリッドアプリケーションのデバッグ

学習の目的

この単元を完了すると、次のことができるようになります。

  • デバイスで Safari を使用してハイブリッド iOS アプリケーションをデバッグする。
  • デバイスで Google Chrome ブラウザを使用してハイブリッド Android アプリケーションをデバッグする。
  • デバイスを使用して、開発マシンで実行されている Android アプリケーションをデバッグする。

iOS でのハイブリッドアプリケーションのデバッグ

iOS でハイブリッドアプリケーションをどのようにデバッグできるのかとお思いですか? Safari を使用して、開発マシンと実際のデバイスまたはシミュレーションされたデバイス間で通信します。デバッグのために、ハイブリッドアプリケーションを Web アプリケーションとして扱います。

  1. デスクトップで Safari を開きます。
  2. [Safari] | [環境設定] を選択します。
  3. [詳細] タブをクリックします。
  4. [メニューバーに [開発] メニューを表示] をクリックします。
  5. iOS シミュレータを使用している場合、次の操作を実行します。
    • Xcode が開いている場合、Ctrl キーを押しながら、タスクバーの Xcode アイコンをクリックし、[Open Developer Tool (開発者ツールを開く)] | [iOS Simulator (iOS シミュレータ)] を選択します。
    • または、ターミナルウィンドウで、「open -a iOS\ Simulator」と入力します。
  6. [iOS Simulator (iOS シミュレータ)] のメニューで、[Hardware (ハードウェア)] | [Device (デバイス)] を選択します。
  7. デバイスを選択します。
  8. デバイスまたは iOS シミュレータのホーム画面から Safari を開きます。
  9. Web アプリケーションの場所に移動します。
    ヒント

    ヒント

    Xcode デバッガ出力ウィンドウからアドレスを取得できます。以下に例を示します。

    2016-05-19 12:16:31:410 MyTrailHybridLocal[86657:5137538] INFO|SFHybridViewController|Setting 
    file:///Users/johndoe/Library/Developer/CoreSimulator/
    Devices/22222222-3333-aaaa-dddd-42424242424B9/data/
    Containers/Bundle/Application/66665555-5555-3333-
    1111-B9B9B9B9/MyTrailHybridLocal.app/www/index.html 
    これは、このアプリケーションの「ホームページ」の URL です。
  10. デスクトップの Safari で、[開発者] | [<あなたのデバイス>] を選択し、デバイスまたはシミュレータの Safari で開いた URL を選択します。[Web Inspector] ウィンドウが開き、デバイスで実行されている Safari インスタンスに接続されます。

Android でのハイブリッドアプリケーションのデバッグ

ハイブリッド Android アプリケーションをどのようにデバッグできるのかとお思いですか? この作業は、実際の Android デバイスまたはシミュレーションされたデバイスで Google Chrome ブラウザを使用して行います。最新の手順については、developers.google.com/web/tools/ で「Remote Debugging」(リモートデバッグ) を検索してください。