「Monaca/デバッグ」の版間の差分
提供: 初心者エンジニアの簡易メモ
(→android端末でデバッグ) |
(→ビルドデバッグとカスタムビルドデバッガー) |
||
行33: | 行33: | ||
==ビルドデバッグとカスタムビルドデバッガー== | ==ビルドデバッグとカスタムビルドデバッガー== | ||
− | カスタムビルドデバッガーにすると、アプリ内に、monacaログイン画面が含まれるようになる。 | + | *カスタムビルドデバッガーにすると、アプリ内に、monacaログイン画面が含まれるようになる。 |
+ | *ビルドデバッグでも、インポートした(admobなどの)プラグインは実行される。 |
2020年7月13日 (月) 12:17時点における最新版
目次
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
- Android端末で作成したプロジェクト一覧が表示されるので、デバッグしたいプロジェクトを選択
- 端末でプロジェクトが実行されると、パソコン側consoleタブにログができる
参考:https://asatte.biz/monaca-touroku/
ビルドデバッグとカスタムビルドデバッガー
- カスタムビルドデバッガーにすると、アプリ内に、monacaログイン画面が含まれるようになる。
- ビルドデバッグでも、インポートした(admobなどの)プラグインは実行される。