title: local (file://) website favicon works in Firefox, not in Chrome or Safari- why?
body: <h2>The Question</h2>
  <p>When my website is local (using the <code>file://</code> protocol), the favicon doesn't show up in Chrome or Safari, but it works in Firefox (all on a mac). However, when the exact same site is actually hosted, the favicon works fine in all of the browsers I tried. Why do the webkit browsers not display local favicons?</p>
  <h2>Details</h2>
  <p>The favicon.ico file is in the same directory as the index.html page. I am using the following code, although I've tried several variations of it:</p>
  <pre><code>   &lt;link rel=&quot;shortcut icon&quot; href=&quot;favicon.ico&quot; type=&quot;image/x-icon&quot; /&gt;
  </code></pre>
  <p>Since the favicon works when accessed over <code>http://</code>, I doubt that there's something wrong with the way I'm including it, but you never know...</p>
  <h2>Update</h2>
  <p>I've found a few forum posts (nothing too official) that suggest that this is by design, but none of them give the rationale. Also, it sounds like some versions of IE have the same problem. Is there some security risk with local favicons? (I know that some browsers have issues with local cookies, for example.)</p>
  <p><strong>Disclaimer:</strong> There seem to be a ton of questions in a similar vein, but I haven't found exactly this one. (In fact I have basically the same question as <a href="https://stackoverflow.com/questions/3054747/favicon-issue-with-webkit-browsers">this one</a>, but none of the answers there worked for me.)</p>