ダッシュコードのWebクリップアイコンを表示できません。サファリで生成されたアイコンが表示されるだけです。ダッシュコードを使用してデザインしてみた後、コードを使用しました
<link rel="apple-touch-icon" href="Images/WebClipIcon.png">
また、apple-touch-icon.pngという名前のファイルをルートフォルダーに追加しようとしましたが、それでも機能しませんでした。シミュレーター、iPhone、iPadでサイトを実行しましたが、カスタムWebクリップアイコンが表示されません。誰か提案がありますか
更新：新しいダッシュコードプロジェクトを作成し、Webクリップアイコンを追加しようとしましたが、それでも機能しません。これは本当に私を苛立たせ始めています。
モバイル写真の外にある画像ファイルに画像を追加する必要があります
この問題の原因となったものを 1 つ追加します。文書化された修正をすべて試した後、アイコンに背景色を追加してみました。もともと、背景は透明でした。背景色を .png ファイルに追加すると、すべてうまくいきました。
私の手順: GIMP を使用して、7 つのレイヤーと透明な背景レイヤーを持つ 72x72 の画像を作成します。コピーを apple-touch-icon.png として保存し、Web アプリのルート フォルダーに追加します。IOS 5.0.1 を実行している iPad 2 で Web サイトを起動します。[ホーム画面に追加] 結果: ホーム画面に黒いアイコンが表示されます。GIMP に戻り、背景を色で塗りつぶします。.png ファイルを上書きします。iPad サファリに戻り、サイトをリロードします。「ホーム画面に追加」アイコンが文書化されたとおりに表示されるようになりました。
私の結論: アイコン画像に透明な領域が十分または適切に配置されていると、iOS はそれを有効なものとして受け入れず、拒否されます。