「Monaca/デバッグ」の版間の差分
提供: 初心者エンジニアの簡易メモ
(→確認) |
|||
行20: | 行20: | ||
実機端末接続して、やれば、クラウドIDEのコンソール上に出た、うまく行った。 | 実機端末接続して、やれば、クラウドIDEのコンソール上に出た、うまく行った。 | ||
+ | |||
+ | ==コンソールで変数表示実行== | ||
+ | document.getElementById("hello1") | ||
==android端末でデバッグ== | ==android端末でデバッグ== |
2020年5月21日 (木) 20:50時点における版
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タブにログができる