「Monaca/デバッグ」の版間の差分
提供: 初心者エンジニアの簡易メモ
(ページの作成:「 ==consoleを有効に== インストール $ npm install cordova-plugin-console console表示コード console.log("PhoneGap is ready"); これでうまくいくは...」) |
(→ビルドデバッグとカスタムビルドデバッガー) |
||
| (同じ利用者による、間の4版が非表示) | |||
| 行1: | 行1: | ||
==consoleを有効に== | ==consoleを有効に== | ||
| + | ===クラウドIDEからの場合=== | ||
| + | 設定/cordovaeプラグイン管理/インポートボタンクリック/パッケージ名の欄にcordova-plugin-consoleを入力 | ||
| + | |||
| + | ===コマンドの場合=== | ||
インストール | インストール | ||
$ npm install cordova-plugin-console | $ npm install cordova-plugin-console | ||
| 行6: | 行10: | ||
console.log("PhoneGap is ready"); | console.log("PhoneGap is ready"); | ||
| − | + | ==確認== | |
| + | プレビュー表示すれば、これでうまくいくはずだけど、以下メッセージが出て、consoleタブに文字が出力されなかった・・。 | ||
waiting for monaca debugger connection | waiting for monaca debugger connection | ||
| − | + | 結論：おそらくクラウドIDEのプレビューだとできないのだと思う。 | |
参考：https://docs.monaca.io/ja/products_guide/debugger/debug/ | 参考：https://docs.monaca.io/ja/products_guide/debugger/debug/ | ||
| + | |||
| + | 実機端末接続して、やれば、クラウドIDEのコンソール上に出た、うまく行った。 | ||
| + | |||
| + | ==コンソールで変数表示実行== | ||
| + | document.getElementById("hello1") | ||
==android端末でデバッグ== | ==android端末でデバッグ== | ||
| 行21: | 行31: | ||
参考：https://asatte.biz/monaca-touroku/ | 参考：https://asatte.biz/monaca-touroku/ | ||
| + | |||
| + | ==ビルドデバッグとカスタムビルドデバッガー== | ||
| + | *カスタムビルドデバッガーにすると、アプリ内に、monacaログイン画面が含まれるようになる。 | ||
| + | *ビルドデバッグでも、インポートした(admobなどの)プラグインは実行される。 | ||
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
- Android端末で作成したプロジェクト一覧が表示されるので、デバッグしたいプロジェクトを選択
- 端末でプロジェクトが実行されると、パソコン側consoleタブにログができる
参考：https://asatte.biz/monaca-touroku/
ビルドデバッグとカスタムビルドデバッガー
- カスタムビルドデバッガーにすると、アプリ内に、monacaログイン画面が含まれるようになる。
- ビルドデバッグでも、インポートした(admobなどの)プラグインは実行される。
