web-dev-qa-db-ja.com

Safari9にSVGの固定タブアイコンが表示されない

エルキャピタンでSafari9の新しい固定タブアイコンを作成しました Apple here で文書化されていますが、Safariで実際に表示することができないようです。タブを固定します。

これが私のヘッダーの行です:

<link rel="mask-icon" href="https://towatchlist.com/img/twl.svg" color="red">

SVGファイルへのリンク をたどると、Safariは画像を問題なく表示しますが、ピン留めされたタブアイコンには、リロードやピン留め/ピン留め解除などの後でも、自動生成された文字画像が表示されます。

GitHubのSVG(動作中)を開いて、そこに一般的なマークアップをコピーしてみましたが、それでも問題は解決しませんでした。また、Safariコンソールを簡単に調べましたが、SVGファイルをランディングしようとしても表示されませんでした。

これをデバッグする方法についての提案や、何が問題になっているのかについてのアイデアはありますか?

21
Nick

Safariがこれらのアイコンを積極的にキャッシュしているようです(存在しない場合でも)。見つかった 答え スーパーユーザーで:

次のフォルダの内容を削除します。

~/Library/Safari/Template Icons

次に、Safariを再起動します。

27
Shaun Inman