このapple-touch-iconはなぜ機能しませんか？

私は私のウェブサイトで次のコードを持っている：私はFirefoxでソースを表示し、アイコンショー（そうそのない404エラー）href属性をクリックするとこのapple-touch-iconはなぜ機能しませんか？

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

を。コードは、アイコンをホーム画面http://website.com/mobile/index.phpかhttp://website.com/mobile/page.phpのようにページに追加され、ページがiPhoneに追加され

は

正常に動作しますが、ページのURLがhttp://website.com/pageまたはhttp://website.com/indexのようなものであるとき、アイコンは表示されません。

Safariオプションで提供されている「ウェブサイトのデバッグコンソール」にエラーは表示されず、キャッシュとCookieのクリアを試みました。

また、http://website.com/mobile/index.phpとhttp://website.com/indexの両方に表示されるタグ<base href="http://website.com/mobile/" />のウェブサイトを使用しています。しかし、apple-touch-iconが完全なURLを使用しているので、それがどのように影響するかはわかりません。

出典

2011-07-24 Tom

をタップしますあなたはあなたのサイトのルートフォルダにイメージを置くことができます、そしてあなたはリンク要素を必要としません。 PSはすべてのページに存在するリンク要素ですか？ – Gerben

は、相対URLを使用してみてください：

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

それはあなたのベースディレクトリに移動して/imagesのアイコンを見つける必要があります。

出典

2011-07-24 14:39:28 element119

よく、それは絶対URLです –

@ andrea-zironda答えが編集されたのか、答えのパス以外のものが_definitely_相対パスであるのか分かりません。 **相対：** /path/to/image.png **絶対：** //www.website.com/path/to/image.png – chapeljuice

これは、のHTTPまたはHTTPSサイトでのみ有効です。有効で信頼できるセキュリティ証明書。

証明書のエラーがある場合、iOSは画像を読み込みません。ページのSafariで証明書を一時的に信頼すると、ホームスクリーンショートカットの証明書が信頼されません。自己署名証明書を使用している場合は、信頼できないルート証明書をOSレベルで信頼できる証明書として追加する必要があります。 iOSデバイス上で

、.CRTファイルへのリンクを持つページに移動
リンクに最後の手段として
承認/全ての確認画面をインストールし

出典

2015-04-04 21:32:36 rickatech

私はHTTPSにある私のローカルウェブサイトのために作ったMAMP Proを使用していますが、それでも動作していない場合は、他のアイデアはありますか？ – KeizerBridge

このapple-touch-iconはなぜ機能しませんか？

答えて

関連する問題