デバッガー
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 の設定をご確認ください。
外部の JavaScript コードと CSS を読み込むときに、認証がかかっていて読み込めないなど、何らかの事情で読み込めていない可能性があります。
Monaca デバッガーのログイン障害の一般的な原因と解決法を、次に記します。
- パスワードには、アルファベットと数字のみを使用してください。これ以外の文字が含まれている場合には、パスワードを修正してください。
- インターネット接続を確認してください。
- 電子メールアドレスの入力時に、自動補完 ( auto-complete )をオンにしている場合には、手動にて、アドレスとパスワードを入力してください。
外部の JavaScript ライブラリーが出力した例外 ( exception ) を、Monaca デバッガー側では、エラーと認識する場合があります。このエラーにより、アプリの機能が停止しなければ、これを無視してもかまいません。ただし、ビルドしたアプリを端末上で実行した場合に、同じエラーが出力されるときには、対応が必要です。
主な違いとして、デバッガーの入手先、デバッガーに組み込まれているプラグインの種類、USB デバッグのサポート ( iOS のみ ) の有無があります。
- 1.デバッガーの入手先 : 通常版 Monacaデバッガーは、ストアからダウンロードします。 カスタムビルド版 Monaca デバッガーは、Monaca クラウド IDE から、インストールします。
- 2.デバッガーに組み込まれているプラグイン ( 標準装備のプラグイン ) :通常版 Monaca デバッガーには、基本プラグインが組み込まれています。カスタムビルド版 Monacaデバッガーには、Cordovaプラグインの管理画面から、ユーザーが選択したプラグインが組み込まれています。
- 3.USB デバッグのサポート ( iOS のみ ) :デバッグビルド版のアプリが対象です。App Store から入手したMonaca デバッガー ( ストア版のデバッガー ) では、USBデバッグはできません。詳細に関しては、iOS 向け Monaca デバッガーをご確認ください。
Monaca では、3 種類のデバッグ方法と機能を提供しています。
- 1.プレビュー機能を使用したデバッグ
- 2.Monaca クラウド IDE ( Weinre ) と Monacaデバッガーを併用したデバッグ
- 3.USB デバッグと Monaca デバッガーを使用したデバッグ
ネットワーク インストールとは、アプリを端末へインストールする方法の 1 つです。Monaca デバッガー経由でビルドしたアプリを、端末にインストールできます。
Monacaデバッガーにプロジェクトの変更内容が反映されない場合は、下記の手順をお試しください。
- 最新バージョンの Monaca デバッガーを使用してください。
- Monaca デバッガーをリセットします。
Monaca Debugger のリセットは、下記の手順で行うことができます。
- 1.Monaca デバッガーの一時ファイルをクリアする
- Android の場合:
- Monaca デバッガーメニューから、設定に移動します。
- 同期データを削除するボタンとLocal Storageを削除するボタンをクリックします。
- iOSの場合:
- Monaca デバッガーメニューから、設定に移動します。
- 一時ファイルをクリアボタンとローカルストレージをクリアボタンをクリックします。
- 2.Monaca デバッガーからログアウトします。
- 3.再度、Monaca デバッガーにログインします。
Cordova 7.1 以降プロジェクトで console.log が表示されない場合は、以下を確認していください。
- 1.Monaca Core Utility の最新版を使用してください。Monaca Core Utility は、下記の手順で更新を行うことができます。
- 1.設定 → JS/CSS コンポーネントの追加と削除へ移動します。
- 2.Monaca Core Utility を削除します。
- 3.Monaca Core Utility の 追加ボタンをクリックして、再度追加します。
- 4.最新バージョンを選択しインストールボタンをクリックします。
- 5.保存ボタンをクリックします。
- 2.index.htmlの <!DOCTYPE HTML> は、大文字で設定する必要があります。小文 字で設定されている場合は、大文字に更新していください。