facebook twitter hatena line email

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

提供: 初心者エンジニアの簡易メモ
移動: 案内検索
(確認)
(android端末でデバッグ)
行31: 行31:
  
 
参考:https://asatte.biz/monaca-touroku/
 
参考:https://asatte.biz/monaca-touroku/
 +
 +
==ビルドデバッグとカスタムビルドデバッガー==
 +
カスタムビルドデバッガーにすると、アプリ内に、monacaログイン画面が含まれるようになる。

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

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

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

ビルドデバッグとカスタムビルドデバッガー

カスタムビルドデバッガーにすると、アプリ内に、monacaログイン画面が含まれるようになる。