title: console.log not showing output in Chrome browser
body: <p>I am using Chrome browser Version 52.0.2743.116 (64-bit) on Mac OSX 10.11.6.</p>
  
  <p>I have a chrome extension with a background.js where I have a console.log statement for debugging purposes. However, I am unable to see the output in the Chrome browser console. Alert works fine but console.log outputs nothing.</p>
  
  <pre><code>alert("CSS code: "+css);
  console.log("CSS code:"+css);
  </code></pre>
  
  <p>I have checked to make sure "All" messages are selected, the context is set to "top", etc. When the page loads, I see other console.log messages (not from my extension), the alert window pop up but nothing printed to the console.</p>
  
  <p>How do I see console.log output?</p>
  
  <p><strong>EDIT:</strong> Adding the function code where the <code>alert</code> and <code>console.log</code> statements appear.</p>
  
  <pre><code>function doSomething(tab) {
      var tabUrl = tab.url;
  
          if (tabUrl &amp;&amp; tabUrl.indexOf("my-site.com") != -1) {
  
              var css = "";
  
              if (hideAds == true) {
                  css += ".adsBanner {display: none !important;} .promo {display: none !important;} ";
              }
  
              alert("CSS code: "+css);
              console.log("CSS code:"+css);
  
              chrome.tabs.insertCSS(tab.id, {
                  code: css
              });
  
          }       
  }
  </code></pre>
  
  <p><strong>EDIT 2:</strong> In response to the comment that this is a duplicate of <a href="https://stackoverflow.com/questions/3829150">this</a> question, I want to print <code>console.log</code> statements from the background file, I don't have a popup.html file. The other question has solutions to execute <code>console.log</code> on the background page called from the popup page.</p>