次の記事は、自動翻訳技術を使用して自動的に翻訳されました。 コンピュータプログラムによって翻訳されているため、誤りがある場合があります。Adobeは、世界中の多くのユーザーがより多くの記事を利用できるように、翻訳版を提供しています。
翻訳の品質を評価してください。Translation by SYSTRAN


デバッグ

PhoneGap Developerアプリの対象読者は、通常は初心者レベルで、PhoneGapの使い方を学ぶだけです。 デバッグ環境をより完全に制御するには、 PhoneGap CLIの機能をフルに活用する必要があります。 PhoneGap Developerアプリはアプリストアからダウンロードした実稼働版のアプリなので、SafariやChromeなどの従来のリモートデバッグツールを使用して、アプリ内で実行するアプリをデバッグすることはできません。 ただし、現在、デバッグ用に2つの他のオプションがあります。 を使用するか、PhoneGap Developer appのカスタムバージョンを作成します。

Weinreの使用

Weinreは 、デバイス上で実行されるアプリをリモートでデバッグするためのリモートWebインスペクターの限定的な実装です。

ステップ

ローカルマシン上でWeinerを実行し、PhoneGap Desktop appまたはPhoneGap CLIから提供されるアプリケーションをデバッグする場合に使用します。

  1. npmを使用してWeinerをインストールする( Node.jsが必要)

    $ sudo npm install -g weinre

    また、GitHubリポジトリからプロジェクトをダウンロードまたは複製す ることもできます。

  2. 次のコマンドを使用して、IPアドレスをネットワーク設定で見つかったローカルマシンのIPアドレスに置き換えて、すぐに起動します。

    $ weinre --boundHost x.x.x.x

    例:

    $ ./weinre --boundHost 192.168.1.20
    2015-08-17T20:51:35.866Z weinre: starting server at http://192.168.1.20:8080
    **ヒント:** CLIまたはPhoneGap Desktopアプリからポート番号を引いて、プロジェクトを提供するIPアドレスに注意することで、マシンのIPアドレスを簡単に見つけることができます(例: 192.168.1.20:3000は192.168.1.20になります)。 PhoneGap Desktop Settingsでも見つけることができます。
  3. デバッグするPhoneGapプロジェクトを開き、デバッグするプロジェクトのwww/index.html of the projectで次のscriptタグを追加します。IPアドレスは、使用しているポート8080を含むIPアドレスに置き換えます。

    <script src="http://192.168.1.20:8080/target/target-script-min.js#anonymous"></script>

    これにより、アプリケーションが提供されるときに、アプリケーションをデバッグするためのアクセスが可能になります。

  4. 次に、PhoneGap Desktop ApplicationまたはPhoneGap CLIを使用してPhoneGapを提供します。

  5. モバイルデバイスでPhoneGap Developerアプリを開き、アプリが提供されたIPアドレスに接続して、ペアリングプロセスを完了します(例: http://192.168.1.20:3000)。

  6. コンピューター上でブラウザーを開き、起動したURLを入力します(例: http://192.168.1.20:8080/ ):

    次のようなビューが表示されます。

    デバッグクライアントユーザーインターフェイスの横に あるリンクをクリックします。 次の種類のビューが表示され、デバッグターゲットリンクが青で表示されます。

    「ターゲット」セクションのリンクをクリックすると、接続され、デバッグを開始できると緑色に変わります。

    次に示すように、デバイス上でエレメントを直接調べ、JavaScriptコンソールを使用してアプリをデバッグできるようになりました。ただし、ブレークポイントとコードのステップスルーはサポートされていません。

    ワイナー検査官

ビデオデモ

カスタムビルドの作成

デバッグのもう1つの方法は、PhoneGap Developer Appのカスタムビルドを作成する方法です(アプリケーションマーケットプレイスバージョンとは異なります)。 このオプションは、Safari、Chromeなどの開発者が使いやすい他のリモートデバッグツールを使用してデバッグする場合に使用できます。 また、他のプラグインを含めたり、テストのニーズに合わせて設定を全体的に変更したりすることもできます。 詳しくは、ガ イド を参照してください。

GitHubでこのページを編集
Copyright SYSTRAN 2016
この翻訳は役に立ちましたか?

Translation by SYSTRAN