title: Inspect popup for chrome extension immediately closes
body: <p>I'm trying to debug a chrome extension, but the <a href="https://developer.chrome.com/extensions/tut_debugging" rel="nofollow">debugging tutorial</a> doesn't work for me. When I click <code>inspect popup</code> the debug window opens, and instantly closes itself.</p>
  
  <p>I've also tried opening the window for the extension, right clicking it, and selecting "inspect element," but with the same result.</p>
  
  <p>Here is the HTML file. I removed the javascript file, just to make sure that couldn't be causing the issue.</p>
  
  <pre><code>&lt;!doctype html&gt;
  &lt;html&gt;
    &lt;head&gt;
      &lt;title&gt;Getting Started Extension's Popup&lt;/title&gt;
      &lt;style&gt;
        body {
          min-width: 357px;
          overflow-x: hidden;
        }
  
        img {
          margin: 5px;
          border: 2px solid black;
          vertical-align: middle;
          width: 75px;
          height: 75px;
        }
      &lt;/style&gt;
  
      &lt;!--
        - JavaScript and HTML must be in separate files: see our Content Security
        - Policy documentation[1] for details and explanation.
        -
        - [1]: http://developer.chrome.com/extensions/contentSecurityPolicy.html
  
       &lt;script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"&gt;&lt;/script&gt;
      &lt;script src="popup.js"&gt;&lt;/script&gt;--&gt;
    &lt;/head&gt;
    &lt;body&gt;
      &lt;img id="kitty-pic" src="http://www.tehcute.com/pics/201109/kitten-bouquet-big.jpg" /&gt;
      &lt;img id="puppy-pic" src="https://c2.staticflickr.com/6/5347/7147821499_52ba051aaa_z.jpg" /&gt;
    &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>