FaviconsがIEとChromeでの表示を拒否する

Question

私はHTMLページにfaviconを含めることを試みています。これを理解するために過去数時間を費やしました。 faviconはFirefoxでは表示されますが、IE、Chrome、Edgeでは表示されません。私はローカルファイルからサイトを起動しているので（どこでもホストされていない）参考のために

<link rel="shortcut icon" type="image/png" href="/favicon-32x32.png?v=2"/> 
<link rel="shortcut icon" type="image/png" href="/favicon-16x16.png?v=2"/> 
<link rel="shortcut icon" href="favicon.ico?v=2" type="image/icon"> 
<link rel="icon" href="favicon.ico?v=2" type="image/icon"> 

、私はnoに、以下の質問に答えを試してみた：これはFirefoxのみで、その後動作し、一つだけである - ここで

は、私がしているファビコンのコードです無駄残念なことに：

• How do I force a favicon refresh
• Favicon not showing up
• Favicon not showing on my website

  • は私がキャッシュにクロームの回数を空にしているが、それは全く役に立ちませんでした：10

  物事は私が試してみました！

私はまた、別のイメージにfaviconを置き換えましたが、このページでは機能しませんが、別の完全な別のページでも有効です。

• 「のhref」で前のスラッシュを削除しますが、this question

• としてからthis bugにより示唆されるように、それは私のダウンロードフォルダを指すように「HREF」を変更する作業のいずれか

• ていません私はStackOverflowアイコンが表示されているかどうかを確認するために、アイコン参照を<link rel="shortcut icon" href="http://cdn.sstatic.net/stackoverflow/img/favicon.ico">に変更しました。再びChromeには何も表示されませんでしたが、興味深いことにFirefoxはどちらも表示されませんでした。

私が言及する必要があるもう一つのことは、faviconsがすべてルートフォルダに保存されていることです。したがって、URLの問題はありません！

Answer 1

Chromeのローカルにホストされているサイトのバグですか？ https://bugs.chromium.org/p/chromium/issues/detail?id=51270

Answer 2

this answerから部分解決策が見つかりました。私がfavicon をJQueryを使って設定すると、ローカルファイルであるかどうかにかかわらず、Chrome（およびFirefox）に表示されます。コードは次のとおりです。

var link = document.createElement('link'); 
link.type = 'image/x-icon'; 
link.rel = 'shortcut icon'; 
link.href = 'http://www.stackoverflow.com/favicon.ico'; 
document.getElementsByTagName('head')[0].appendChild(link);