facebook twitter hatena line email

「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

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

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