Q&A
設定に間違っているところはなさそうに見えます。
> ブックマークとお気に入りのときだけ表示されません。
アイコンが表示されるのは「お気に入り」に入れたものをSafariの起動画面で見るときですが、そこではどのようなアイコンが表示されていますか？
前提・実現したいこと
HTMLでiphone用のファビコンを表示させたいです。
発生している問題・エラーメッセージ
ホームに追加したときはうまく表示されるのに、ブックマークとお気に入りのときだけ表示されません。
エラーメッセージ
該当のソースコード
HTML
1 2<link rel="apple-touch-icon" href="common/img/apple-touch-icon-180x180.png" type="image/png" sizes="180x180">
試したこと
相対パスなどは合っています。またsafariのキャッシュ削除も試しました。
補足情報（FW/ツールのバージョンなど）
すみません。手探り状況なので、環境などはわかりません
何も設定してない時と同じで、タイトルの1文字目が大きく表示されています。設定に間違いがないということは、やはりhtmlではなくiPhone上の問題なんでしょうか？
回答3件
0
ベストアンサー
StackOverflowに同じ問題についての質問がありました。
https://stackoverflow.com/questions/55993879/safari-ios-favorite-bookmark-icon-not-updating-apple-touch-icon-png
この質問は以下の内容で自己解決しています。
New favicon showed up today, with no intervention on my part (versioning had also been removed). Not sure why. Guess it may be due to a time interval.
ということで、あやふやな回答になってしまいますが反映されるまで一定期間待つしかないのかもしれません。
投稿2020/03/06 15:32
総合スコア461
そうなんですね。同じ方がいないか調べましたが英語ができないものでこの記事までたどり着きませんでした、すみません。時間が解決するとの事ですので気長に待ってみます。ありがとうございました。
0
試行錯誤の結果、少なくとも私の場合にはうまくいきました。
キャッシュが原因なのは間違いないです。しかし、このキャッシュは簡単には削除できません。
（ 参考ホームページ : https://www.misallychan.com/entry/2017/04/05/222945 ）
そこで、ファビコンが設定されていないときのアイコンの色が、そのページのイメージカラーもしくは占有率が高い色になる（らしい）ことを利用することにしました。
（ 参考ホームページ : https://detail.chiebukuro.yahoo.co.jp/qa/question_detail/q11205824326 ）
手順１：ファビコンを設定したいページの背景を真っ青に変更する（今までと全く違う色にする）
手順２：「お気に入りに追加」を押してみたり、実際に追加してみたりする（この時点で色が変わるかもしれませんし変わらないかもしれません）
手順３：そんな感じで何回か適当に試してみると、「お気に入りに追加」で自分が設定したファビコンが登場するようになる（iPad4 と iPad6 でそれぞれ試しましたが、２回とも、反映されるまで５分もかかりませんでした）
これでうまくいけばいいのですが…
お役に立てれば幸いです。
投稿2020/05/11 12:39
総合スコア2
あなたの回答
tips
プレビュー
