やりたいこと
Google Chromeのデベロッパーツールでconsole.logが表示されるようにしたい。
おそらくデベロッパーツールで非表示にする設定をしてしまっていると思うので、表示させる設定に戻したい。
※ちなみにエラーも表示されません。
経緯
未経験からエンジニアへの転職を目指しており、転職活動用の個人アプリを作成中です。
食べたものやカロリーなどを投稿するアプリです。
投稿の非同期通信を実装し、非同期で投稿できるようになったのはいいのですが、デベロッパーツールでconsole.log
が表示されなくなってしまいました。
非同期通信は問題なく機能していることから、デベロッパーツールの設定の問題と予想しています。
どこかのタイミングでデベロッパーツールでエラーやconsole.log
を非表示にする設定をしたのだと思います。
どこかの設定をいじった記憶はあるのですが、正確に覚えておりません。
投稿直後のデベロッパーツール画面
期待していた結果
非同期通信を下記のように記述したことから、本来hoge
やhello
と表示されなければおかしいのですが、実際は表示されません。
JavaScript
1$(function(){ 2 3 function buildHTML(post) { 4 var html = (省略) 5 return html; 6 } 7 8 $('#new_post').on('submit', function(e){ 9 e.preventDefault() 10 console.log('hoge'); 11 var formData = new FormData(this); 12 // action属性の値を取得 →/posts 13 var url = $(this).attr('action'); 14 $.ajax({ 15 url: url, 16 type: 'POST', 17 data: formData, 18 dataType: 'json', 19 processData: false, 20 contentType: false 21 }) 22 .done(function(data){ 23 var html = buildHTML(data); 24 $('.posts').prepend(html); 25 console.log('hello'); 26 // $('.posts').animate({ scrollTop: $('.posts')[0].scrollHeight}); 27 $('form')[0].reset(); 28 $(".post-btn").prop("disabled", false); 29 console.log(html); 30 }) 31 .fail(function(){ 32 alert('投稿できませんでした'); 33 console.log('hello'); 34 }) 35 }); 36});
試したこと
「デベロッパーツール console.log 表示されない」などのキーワードで検索し調べましたが、デベロッパーツールのconsole.logの表示/非表示を設定する記事が見つけられませんでした。
回答2件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2020/07/23 17:21