Apple ios Safariのブックマークのfaviconが動作しない、デスクトップの作品に追加する

Question

私はIOS（10.2）とサファリを動作させるためにfaviconsを取得しようとしています。私が自分のウェブページにアクセスして「デスクトップに追加」アイコンをクリックすると、そのアイコンが表示され、追加されます。しかし、ブックマークを作成しようとすると、代わりに1文字のプレースホルダ画像が表示されます。私の知る限り、同じアイコンが...ブックマークと「デスクトップに追加」タイルの両方のために

を使用する必要があり、私は私の頭の要素でこれを持っている：

<link rel="apple-touch-icon" sizes="76x76" href="apple-touch-icon-76x76.png?v=asdf"> 
<link rel="apple-touch-icon" sizes="120x120" href="apple-touch-icon-120x120.png?v=asdf"> 
<link rel="apple-touch-icon" sizes="152x152" href="apple-touch-icon-152x152.png?v=asdf"> 
<link rel="apple-touch-icon" sizes="180x180" href="apple-touch-icon-180x180.png?v=asdf"> 
<link rel="apple-touch-icon" sizes="180x180" href="apple-touch-icon.png?v=r0RW"> 
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png?v=r0RW"> 
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png?v=r0RW"> 
<link rel="manifest" href="/manifest.json?v=r0RW"> 
<link rel="mask-icon" href="/safari-pinned-tab.svg?v=r0RWdpQrAk" color="#5bbad5"> 
<link rel="shortcut icon" href="/favicon.ico?v=r0RW"> 
<meta name="theme-color" content="#ffffff"> 

私はニシキヘビSimpleHTTPServerとブックマークの両方の要求にそれをテスト実行しています「デスクトップに追加」が正しく実行されています。

10.0.8.109 - - [11/May/2017 18:01:05] "GET /apple-touch-icon-120x120.png?v=asdf 
HTTP/1.1" 200 - 

しかし、誰アイコンは、実際にはブックマークのサファリに示されていない。..

Answer 1

あなただけのアイコンが有効であることを確認するために、お使いのブラウザで /apple-touch-icon-120x120.png?v=asdfを開く必要があり

（実際の画像、本当に120x120 ...） 。

これが機能する場合は、おそらくiOS Safariの問題です。このブラウザは、ブックマークされたサイトのアイコンが表示されることが予想されるときに、時々怠惰です。あなたが試すことができる2つの事柄：

• "ホーム画面に追加"をやり直してください。このように粗末なので、これは実際には良いことです。特にアイコンをまだ持っていない間に以前にあなた自身のサイトを何度も訪れたことがあるならば。これを「スーパーアイコンのキャッシュに関する問題」として見ることができます。
• 別のiOSデバイスで試してみてください。