title: How do I see the console.log output of a background script in a Firefox WebExtension?
body: <p>Does anyone know how to see the output from a <code>console.log()</code> call in a background script?  I can see the output from the same in a content script.  Here is a simple script that I am testing this with:</p>
  
  <p>Here is my <em>background.js</em>:</p>
  
  <pre><code>console.log("Message from background.js");
  </code></pre>
  
  <p>Here is my <em>manifest.json</em>:</p>
  
  <pre><code>{
      "name": "TestBed",
      "manifest_version": 2,
      "version": "1.0",
  
      "background": {
          "scripts": ["background.js"]
      },
  
      "browser_action": {
          "default_title": "Click"
      },
  
      "applications": {
          "gecko": {
              "id": "testbed@example.com",
              "strict_min_version": "48.0a1"
          }
      }
  }
  </code></pre>
  
  <p>I've also tried this in the background script:</p>
  
  <pre><code>chrome.browserAction.onClicked.addListener(function() {
      console.log('Message from background.js onclicked handler');
  });
  </code></pre>
  
  <p>I have even uninstalled Firebug as some other posts have suggested, but that made no difference either (note that the <code>console.log</code> in content scripts works).</p>