6

私のウェブサイトには次のコードがあります。

<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のホーム画面に追加すると、アイコンは正常に機能しますが、ページのURLがのような場合、http://website.com/pageまたはhttp://website.com/indexアイコンが表示されない場合。

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

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

4

3 に答える 3

20

これは、有効で信頼できるセキュリティ証明書を持つHTTPまたはHTTPSサイトからのみ機能します。

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

  1. iOSデバイスで、.crtファイルへのリンクがあるページに移動します
  2. リンクをタップします
  3. すべての確認画面で承認/インストールします
于 2015-04-04T21:32:36.143 に答える
4

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

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

ベースディレクトリに移動し、でアイコンを見つける必要があります/images。

于 2011-07-24T14:39:28.390 に答える
0

何日も試行錯誤した結果、解決策を見つけたようです。

この記事の執筆時点では、自己署名証明書をローカルで信頼することは機能していないようです。信頼できる証明書に対するAppleの更新された要件を考えると、それらはあらゆる面でセキュリティを強化することに真剣に取り組んでいるようです。

だからここにあなたが試すことができるものがあります：

  1. まず、有効なアイコンがあることを確認してください。realfavicongenerator.netを使用して、単一の画像を複数の適切なフォーマットとサイズの画像にレンダリングし、Safariなどのブラウザーが実際にそれらを使用できるようにすることができます。

  2. 有効な/公的に信頼されているSSL証明書が必要です。apple-touch-icon.pngをGoogleドライブに配置し、アイコンにリンクした後、この結論に達しました。それはうまくいきました！..しかし...最高の解決策ではありません...私は自己署名SSL証明書を機能させるためにそこにあるすべてを試しました。しかし、実際のところ、ブラウザは検証済みの認証局（CA）に依存して証明書の信頼性を判断します。したがって、最も簡単な方法は、信頼できる証明書を取得することです。幸いなことに、CertbotやCloudFlareのような無料のオプションがあります。

HTTPSでApacheWebサーバーを保護し、Certbotを使用してSSL証明書を生成する方法については、DigitalOceanによるこのUbuntuガイドを参照してください。

于 2021-02-28T00:56:47.313 に答える