Q&A
まだ質問が「受付中」になっていますが、いったん「解決済」にされてはいかがでしょうか。また、解決されていないなら状況を質問文に追記ください。
#前提・実現したいこと
ここに質問したいことを詳細に書いてください
(例)PHP(CakePHP)で●●なシステムを作っています。
■■な機能を実装中に以下のエラーメッセージが発生しました。
###発生している問題・エラーメッセージ
Monacaにおいて、console.log の出力がコンソール画面に表示されません。
エラーメッセージ
###該当のソースコード
<!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> <meta http-equiv="Content-Security-Policy" content="default-src * data: gap: https://ssl.gstatic.com; style-src * 'unsafe-inline'; script-src * 'unsafe-inline' 'unsafe-eval'"> <script src="components/loader.js"></script> <script src="lib/onsenui/js/onsenui.min.js"></script> <link rel="stylesheet" href="components/loader.css"> <link rel="stylesheet" href="lib/onsenui/css/onsenui.css"> <link rel="stylesheet" href="lib/onsenui/css/onsen-css-components.css"> <link rel="stylesheet" href="css/style.css"> <script> ons.ready(function() { console.log("Onsen UI is ready!"); }); </script> </head> <body> <a> これは最初のプログラムです！ </a> </body> </html>
###試したこと
複数のプロジェクトで試しましたが同じ結果でした。
###補足情報(言語/FW/ツール等のバージョンなど)
Windows 10 Pro x64の環境で使用しています。
そもそもconsole.logの使い方が自分でもよく解っていないような気がします。
よろしくお願いします。
回答2件
0
クラウドですかね？
F12で検証ウィンドウを立ち上げれば見れるかと思います。
投稿2017/10/21 00:43
総合スコア928
検証用画面が表示され、console.logも見ることができました。ありがとうございます
よかったです＾＾
0
ベストアンサー
以下が参考になるかと。
monacaでのconsole.logが見れない
以下、抜粋
Monaca IDEのコンソールではプレビューのエラー/ログは出ません。プレビューの部分を右クリックして、検証または要素の検証を選択すると、プレビュー部分のDevToolsを立ち上げられます。
投稿2017/10/21 00:39
総合スコア946
確かにご指摘の操作でconsole.logの結果を表示することができました。ありがとうございました。ついでで恐縮ですが、このような初歩的な操作方法に関する記述はどこをみればよいのでしょうか。特にプレビューを使用してのデバッグ方法についてはちょっとヘルプなどを見たところではみつかりませんでした。よろしくお願いします。
操作方法などは以下を確認するしかないかと。
https://docs.monaca.io/ja/monaca_ide/ (Monaca クラウド IDE マニュアル)
ただし、今回の内容はどこにも載っていない様子なので、そういった場合はGoogle検索などで調べるしかないと思います。
あとは、teratailにMonacaコミュニティ(?)があるようなので、そこで質問するしかないでしょう。
https://teratail.com/tags/monaca
※少し前まではstackoverflowだった気もしますが。
そうですか。了解いたしました。ありがとうございます。
あなたの回答
tips
プレビュー
