Monaca/デバッグ

consoleを有効に

クラウドIDEからの場合

設定/cordovaeプラグイン管理/インポートボタンクリック/パッケージ名の欄にcordova-plugin-consoleを入力

コマンドの場合

インストール

$ npm install cordova-plugin-console

console表示コード

console.log("PhoneGap is ready");

確認

プレビュー表示すれば、これでうまくいくはずだけど、以下メッセージが出て、consoleタブに文字が出力されなかった・・。

waiting for monaca debugger connection

結論：おそらくクラウドIDEのプレビューだとできないのだと思う。

参考：https://docs.monaca.io/ja/products_guide/debugger/debug/

実機端末接続して、やれば、クラウドIDEのコンソール上に出た、うまく行った。

コンソールで変数表示実行

document.getElementById("hello1")

android端末でデバッグ

monacaデバッガーというアプリがあるのでDL

1. Android端末で作成したプロジェクト一覧が表示されるので、デバッグしたいプロジェクトを選択
2. 端末でプロジェクトが実行されると、パソコン側consoleタブにログができる

参考：https://asatte.biz/monaca-touroku/

ビルドデバッグとカスタムビルドデバッガー

カスタムビルドデバッガーにすると、アプリ内に、monacaログイン画面が含まれるようになる。