facebook twitter hatena line email

「Monaca/デバッグ」の版間の差分

提供: 初心者エンジニアの簡易メモ
移動: 案内検索
行10: 行10:
 
  console.log("PhoneGap is ready");
 
  console.log("PhoneGap is ready");
  
これでうまくいくはずだけど、以下メッセージが出て、consoleタブに文字が出力されなかった・・。
+
==確認==
 +
プレビュー表示すれば、これでうまくいくはずだけど、以下メッセージが出て、consoleタブに文字が出力されなかった・・。
  
 
  waiting for monaca debugger connection
 
  waiting for monaca debugger connection
  
結論:おそらくクラウドIDEだとできないのだと思う。
+
結論:おそらくクラウドIDEのプレビューだとできないのだと思う。
  
 
参考:https://docs.monaca.io/ja/products_guide/debugger/debug/
 
参考:https://docs.monaca.io/ja/products_guide/debugger/debug/
 +
 +
実機端末接続して、やれば、クラウドIDEのコンソール上に出た、うまく行った。
  
 
==android端末でデバッグ==
 
==android端末でデバッグ==

2020年5月21日 (木) 20:16時点における版

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のコンソール上に出た、うまく行った。

android端末でデバッグ

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

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

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