デバッガー
最終更新
役に立ちましたか？
Monaca デバッガーとは、デバッグ用のアプリです。Monaca デバッガーを使用すれば、アプリを毎回ビルドせずに、アプリの動作を端末上で確認できます。また、コードを修正した場合にも、端末上のアプリに即座に反映されます。これにより、ビルドと実行処理を省略することができ、スピーディーに開発と検証を行えます。詳細は、 をご確認ください。
Monaca デバッガー上のアプリの動作は、その仕組上、端末上のアプリの動作とは異なる点があります。このため、アプリのビルド・インストール後には、インストールの成否・アイコン・動作などを、端末上でも、再度確認する必要があります。前述した異なる点として、Monaca デバッガーと Monaca クラウド IDE 間の接続時間分だけ、端末にインストールしたアプリよりも、デバッガー上での動作は遅くなります。
Monaca では、Monaca クラウド IDE 上で、 機能を提供しています。このプレビュー機能を使用して、アプリのレイアウトと動作を確認できます。また、Monaca デバッガーを使用すれば、ビルド前のアプリを端末上で検証できます。Monaca クラウド IDE のプレビュー機能と Monaca デバッガーのどちらも、開発効率の向上に役立つツールですので、ご活用ください。
一部の端末 ( HTC 社製の端末など ) において、デバッグログが表示されないことが確認されています。弊社サポートチームでも解決策を講じますので、こちらの から、端末情報をご提供ください。
AndroidManifest.xml ファイルの設定に問題がないか、再度ご確認ください。PhoneGapを使用している場合、 <uses-permission android:name=”android.permission.ACCESS_NETWORK_STATE”></uses-permission> の設定が必要です。詳細に関しては、をご確認ください。
外部の JavaScript コードと CSS を読み込むときに、認証がかかっていて読み込めないなど、何らかの事情で読み込めていない可能性があります。
Monaca デバッガーのログイン障害の一般的な原因と解決法を、次に記します。
パスワードには、アルファベットと数字のみを使用してください。これ以外の文字が含まれている場合には、パスワードを修正してください。
インターネット接続を確認してください。
電子メールアドレスの入力時に、自動補完 ( auto-complete )をオンにしている場合には、手動にて、アドレスとパスワードを入力してください。
外部の JavaScript ライブラリーが出力した例外 ( exception ) を、Monaca デバッガー側では、エラーと認識する場合があります。このエラーにより、アプリの機能が停止しなければ、これを無視してもかまいません。ただし、ビルドしたアプリを端末上で実行した場合に、同じエラーが出力されるときには、対応が必要です。
主な違いとして、デバッガーの入手先、デバッガーに組み込まれているプラグインの種類、USB デバッグのサポート ( iOS のみ ) の有無があります。
デバッガーの入手先 : 通常版 Monacaデバッガーは、ストアからダウンロードします。 カスタムビルド版 Monaca デバッガーは、Monaca クラウド IDE から、インストールします。
デバッガーに組み込まれているプラグイン ( 標準装備のプラグイン ) :
通常版 Monaca デバッガーには、基本プラグインが組み込まれています。カスタムビルド版 Monacaデバッガーには、Cordovaプラグインの管理画面から、ユーザーが選択したプラグインが組み込まれています。
USB デバッグのサポート ( iOS のみ ) :
Monaca では、3 種類のデバッグ方法と機能を提供しています。
プレビュー機能を使用したデバッグ
Monaca クラウド IDE ( Weinre ) と Monacaデバッガーを併用したデバッグ
USB デバッグと Monaca デバッガーを使用したデバッグ
ネットワーク インストールとは、アプリを端末へインストールする方法の 1 つです。Monaca デバッガー経由でビルドしたアプリを、端末にインストールできます。
Monacaデバッガーにプロジェクトの変更内容が反映されない場合は、下記の手順をお試しください。
最新バージョンの Monaca デバッガーを使用してください。
Monaca デバッガーをリセットします。
Monaca Debugger のリセットは、下記の手順で行うことができます。
Monaca デバッガーの一時ファイルをクリアする
Android の場合：
Monaca デバッガーメニューから、設定に移動します。
同期データを削除するボタンとLocal Storageを削除するボタンをクリックします。
iOSの場合：
Monaca デバッガーメニューから、設定に移動します。
一時ファイルをクリアボタンとローカルストレージをクリアボタンをクリックします。
Monaca デバッガーからログアウトします。
再度、Monaca デバッガーにログインします。
Cordova 7.1 以降プロジェクトで console.log が表示されない場合は、以下を確認していください。
Monaca Core Utility の最新版を使用してください。Monaca Core Utility は、下記の手順で更新を行うことができます。
設定 → JS/CSS コンポーネントの追加と削除へ移動します。
Monaca Core Utility を削除します。
Monaca Core Utility の 追加ボタンをクリックして、再度追加します。
最新バージョンを選択しインストールボタンをクリックします。
保存ボタンをクリックします。
index.htmlの <!DOCTYPE HTML> は、大文字で設定する必要があります。小文字で設定されている場合は、大文字に更新していください。
Monaca デバッガーを再インストールしてください。再インストールしても正常に動作しない場合には、 までご連絡ください。
デバッグビルド版のアプリが対象です。App Store から入手したMonaca デバッガー ( ストア版のデバッガー ) では、USBデバッグはできません。詳細に関しては、をご確認ください。
詳細については、をご確認ください。
詳細に関しては、をご確認ください。
問題が解決できない場合には、 までご連絡ください。