apple-touch-icon指定が効かない場合に確認すべきこと

iPhoneとAndroidでは以下のような指定をHTMLに書いておくことによりホーム画面にショートカットを作成した時のアイコンイメージを指定できる。

<link rel="apple-touch-icon" href="/img/icon.png">

ところが開発環境などで試しているとこの指定をしているにも関わらず指定したアイコンイメージが使われないことがある。

その場合は開発環境でBASIC認証を使っていないかどうかを確認すると良い。

具体的にはアイコンイメージのURLにBASIC認証がかかっているとNGである。

仮にショートカットを作成する対象画面のURLに同じBASIC認証がかかっていて画面表示の際にIDとパスワードを入力済みであってもNGである。（このせいでハマった）

ちなみにAndroidは機種によって挙動が違うようで、BASIC認証がかかっていてもOKな機種があるかもしれないが、Galaxy S2ではNGだった。