facebook twitter hatena line email

Monaca/デバッグ

提供: 初心者エンジニアの簡易メモ
2020年5月21日 (木) 20:50時点におけるAdmin (トーク | 投稿記録)による版 (確認)

移動: 案内検索

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/