Monaca Docs
検索…
デバッガー

Monaca デバッガーとは、デバッグ用のアプリです。Monaca デバッガーを使用すれば、アプリを毎回ビルドせずに、アプリの動作を端末上で確認できます。また、コードを修正した場合にも、端末上のアプリに即座に反映されます。これにより、ビルドと実行処理を省略することができ、スピーディーに開発と検証を行えます。詳細は、Monaca デバッガー をご確認ください。

Monaca デバッガー上のアプリの動作は、その仕組上、端末上のアプリの動作とは異なる点があります。このため、アプリのビルド・インストール後には、インストールの成否・アイコン・動作などを、端末上でも、再度確認する必要があります。前述した異なる点として、Monaca デバッガーと Monaca クラウド IDE 間の接続時間分だけ、端末にインストールしたアプリよりも、デバッガー上での動作は遅くなります。

Monaca では、Monaca クラウド IDE 上で、 ライブ プレビュー 機能を提供しています。このプレビュー機能を使用して、アプリのレイアウトと動作を確認できます。また、Monaca デバッガーを使用すれば、ビルド前のアプリを端末上で検証できます。Monaca クラウド IDE のプレビュー機能と Monaca デバッガーのどちらも、開発効率の向上に役立つツールですので、ご活用ください。

一部の端末 ( HTC 社製の端末など ) において、デバッグログが表示されないことが確認されています。弊社サポートチームでも解決策を講じますので、こちらの Monaca 問い合わせ窓口 から、端末情報をご提供ください。

AndroidManifest.xml ファイルの設定に問題がないか、再度ご確認ください。PhoneGapを使用している場合、 <uses-permission android:name=”android.permission.ACCESS_NETWORK_STATE”></uses-permission> の設定が必要です。詳細に関しては、Android の設定をご確認ください。

Monaca デバッガーを再インストールしてください。再インストールしても正常に動作しない場合には、 問い合わせ窓口 までご連絡ください。

外部の JavaScript コードと CSS を読み込むときに、認証がかかっていて読み込めないなど、何らかの事情で読み込めていない可能性があります。

Monaca デバッガーのログイン障害の一般的な原因と解決法を、次に記します。
  • パスワードには、アルファベットと数字のみを使用してください。これ以外の文字が含まれている場合には、パスワードを修正してください。
  • インターネット接続を確認してください。
  • 電子メールアドレスの入力時に、自動補完 ( auto-complete )をオンにしている場合には、手動にて、アドレスとパスワードを入力してください。

外部の JavaScript ライブラリーが出力した例外 ( exception ) を、Monaca デバッガー側では、エラーと認識する場合があります。このエラーにより、アプリの機能が停止しなければ、これを無視してもかまいません。ただし、ビルドしたアプリを端末上で実行した場合に、同じエラーが出力されるときには、対応が必要です。

主な違いとして、デバッガーの入手先、デバッガーに組み込まれているプラグインの種類、USB デバッグのサポート ( iOS のみ ) の有無があります。
  1. 1.
    デバッガーの入手先 : 通常版 Monacaデバッガーは、ストアからダウンロードします。 カスタムビルド版 Monaca デバッガーは、Monaca クラウド IDE から、インストールします。
  2. 2.
    デバッガーに組み込まれているプラグイン ( 標準装備のプラグイン ) :
    通常版 Monaca デバッガーには、基本プラグインが組み込まれています。カスタムビルド版 Monacaデバッガーには、Cordovaプラグインの管理画面から、ユーザーが選択したプラグインが組み込まれています。
  3. 3.
    USB デバッグのサポート ( iOS のみ ) :
    デバッグビルド版のアプリが対象です。App Store から入手したMonaca デバッガー ( ストア版のデバッガー ) では、USBデバッグはできません。詳細に関しては、iOS 向け Monaca デバッガーをご確認ください。

Monaca では、3 種類のデバッグ方法と機能を提供しています。
  1. 1.
    プレビュー機能を使用したデバッグ
  2. 2.
    Monaca クラウド IDE ( Weinre ) と Monacaデバッガーを併用したデバッグ
  3. 3.
    USB デバッグと Monaca デバッガーを使用したデバッグ
詳細については、使用例をご確認ください。

ネットワーク インストールとは、アプリを端末へインストールする方法の 1 つです。Monaca デバッガー経由で、Ad Hoc ビルド版アプリまたはデバッグビルド版アプリを、端末にインストールできます。

Monacaデバッガーにプロジェクトの変更内容が反映されない場合は、下記の手順をお試しください。
  • 最新バージョンの Monaca デバッガーを使用してください。
  • Monaca デバッガーをリセットします。
Monaca Debugger のリセットは、下記の手順で行うことができます。
  1. 1.
    Monaca デバッガーの一時ファイルをクリアする
    • Android の場合:
      • Monaca デバッガーメニューから、設定に移動します。
      • 同期データを削除するボタンとLocal Storageを削除するボタンをクリックします。
    • iOSの場合:
      • Monaca デバッガーメニューから、設定に移動します。
      • 一時ファイルをクリアボタンとローカルストレージをクリアボタンをクリックします。
  2. 2.
    Monaca デバッガーからログアウトします。
  3. 3.
    再度、Monaca デバッガーにログインします。
問題が解決できない場合には、 Monaca 問い合わせ窓口 までご連絡ください。

Cordova 7.1 以降プロジェクトで console.log が表示されない場合は、以下を確認していください。
  1. 1.
    Monaca Core Utility の最新版を使用してください。Monaca Core Utility は、下記の手順で更新を行うことができます。
    1. 1.
      設定 → JS/CSS コンポーネントの追加と削除へ移動します。
    2. 2.
      Monaca Core Utility を削除します。
    3. 3.
      Monaca Core Utility の 追加ボタンをクリックして、再度追加します。
    4. 4.
      最新バージョンを選択しインストールボタンをクリックします。
    5. 5.
      保存ボタンをクリックします。
  2. 2.
    index.htmlの <!DOCTYPE HTML> は、大文字で設定する必要があります。小文字で設定されている場合は、大文字に更新していください。
リンクのコピー
概要
Monaca デバッガーとは何ですか?
Monaca デバッガー上と端末上で、アプリの動作に関して、なにか違いがありますか?
ビルド前に、開発中のアプリの動作確認はできますか?
デバッグログが表示されません
Android でアプリを起動したときに、アプリが強制終了します
Monaca デバッガーが動作しません
適用したはずの CSS と Javascript ファイルが、ライブプレビューに反映されません
Monaca デバッガーに、ログインできません
Angular.js などの外部ライブラリーを読み込むと、エラーが発生します
「 通常/ストア版 Monaca デバッガー 」 と 「 カスタムビルド版 Monaca デバッガー 」 の違いは何ですか?
アプリに不具合があるようですが、自分で確認する方法はありますか?
ネットワーク インストールとはなんですか?
プロジェクトの変更内容がMonacaデバッガーに反映されません
Cordova 7.1 以降プロジェクトで console.log が表示されません