なぜこのリンゴ-タッチ-アイコンです。

Question

私は次のコードは私のウェブサイト：

<link rel="apple-touch-icon" href="http://website.com/images/apple-touch-icon.png" />

私のソースにFirefoxをクリックし、href属性のアイコンを図りなが404エラー)。

時にコードが追加されるようなページ http://website.com/mobile/index.php または http://website.com/mobile/page.php のページを追加したiPhone homescreenアイコンを、そのページのurlなど http://website.com/page または http://website.com/index アイコンを表示しません。

誤りがないかをチェックの"ウェブサイトのデバッグコンソールしている"サファリのオプションは、たって清算のキャッシュ、クッキー。

も使えるタグ <base href="http://website.com/mobile/" /> ウェブサイトに表示プログラムも実施しました。 http://website.com/mobile/index.php や http://website.com/index.もっとも効果でリンゴ-タッチ-アイコンを採用。

Answer 1

使い方は相対URL:

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

べきである自分のベースディレクトリのアイコン /images.

Answer 2

これだけの仕事からのHTTPやHTTPSサイト 有効な、信頼できる証書.

がある証明書エラーミュレーションソフトウェアをしませんの負荷することができます。一時的に信頼の証明書ではSafariのページから信頼されない証明書をhomescreenストメニューから起動できます。ご利用の場合は自己署名証明書は、追加の信頼できないルート証明書として信頼できる証明書のOSです。

1. のiOSデバイス、ナビゲートページにリンクしているとします。crtファイル
2. をタップするリンク
3. 承認にインストールの確認画面