title: Safari JavaScript debugger always blank
body: <p>This is a problem I've encountered on both Windows and Mac for many, many months and it's driving me crazy. Whenever I drop in a "debugger" directive or set a breakpoint in the Safari scripts console, more than half the time the code breaks where it is supposed to, but the code view is blank; some of the JS files are also blank, but not all. The console tells me what line I'm on and displays the call stack correctly, plus I can step through my code. I just can't see the script. I've tried flushing my cache and disabling my cache and altering the JS files (thinking it might be because the code is compiled at that point). Nothing seems to help. I know that if I refresh the debugger enough (right-click and 'reload'), eventually I'll see my script. But it's a time-consuming process. And I'd use a different browser, but I actually need to use Safari in this case. </p>
  
  <p>One thing that might be a factor is that I nest functions and I assign anonymous functions to variables (a la Douglas Crockford). Does anyone else have this problem? Does anyone have a solution?</p>
  
  <p>[Edit] I just noticed that when the file comes off a remote server, it shows up fine. My primary logic files, though, are coming off my local LAMP stack off a virtual host and they are ALL blank. Again, eventually they will show up. Maybe this is an Apache thing?</p>
  
  <p>[Edit] This seems to be related to the problem written about elsewhere: e.g. <a href="https://stackoverflow.com/questions/658238/debug-message-resource-interpreted-as-other-but-transferred-with-mime-type-appli" title="Stack Overflow">"Resource interpreted as other but transferred with MIME type application/javascript"</a>. The problem is I've gone through my http headers, my <code>&lt;meta&gt;</code> tags and my <code>&lt;script&gt;</code> tags to make sure the mime-types are consistent. </p>
  
  <p>When pulling down a JS file, according to curl, my http headers are: </p>
  
  <pre><code>&lt; HTTP/1.1 200 OK
  &lt; Date: Fri, 21 May 2010 13:04:42 GMT
  &lt; Server: Apache/2.2.14 (Unix) mod_ssl/2.2.14 OpenSSL/0.9.8l DAV/2 PHP/5.3.1
  &lt; Last-Modified: Fri, 21 May 2010 08:48:15 GMT
  &lt; ETag: "dda3a6-2214-48716c07891c0"
  &lt; Accept-Ranges: bytes
  &lt; Content-Length: 8724
  &lt; Cache-Control: no-cache
  &lt; Content-Type: application/x-javascript
  </code></pre>
  
  <p>...my index.html has this in the head:</p>
  
  <pre><code>&lt;meta http-equiv="content-script-type" content="application/x-javascript"&gt;
  </code></pre>
  
  <p>...and I call my JS files like so:</p>
  
  <pre><code>&lt;script type="application/x-javascript" src="Application.js"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>The warning I see in Safari's resources window is:</p>
  
  <pre><code>Resource interpreted as other but transferred with MIME type application/x-javascript
  </code></pre>
  
  <p>Apache seems to be doing everything right! I'd submit this as a Safari bug, but it only seems to happen for my local server. </p>