ID:0PMmq7 さんの質問

スマートフォンのホーム画面に表示するウェブクリップアイコンについてお聞きしたいです。

---環境---
i phone5c
iOS7.1.2

head内に
<link rel="apple-touch-icon" href="apple-touch-icon-precomposed.png">と記述し、rootにapple-touch-icon-precomposed.pngを置いています。

結果、ブックマークにはウェブクリップがつくようになったのですが、
ホーム画面に追加をした時はウェブクリップが表示されません。

どなたかわかる方アドバイスをお願いしたいです。

補足になってしまいますが、
相対パス:ブックマークには表示される、ホーム画面には表示されない
絶対パス:ブックマーク、ホーム画面ともに表示されません

みんなの回答 1 件

ID:KLFvET さんの回答

iphoneだけならheadに記述しなくてもrootに画像を置けばアイコン表示されるけどな。あと、ios7からは「apple-touch-icon-precomposed.png」にしなくても「apple-touch-icon.png」でフラットアイコンになるよ。
ホームアイコンが表示されない原因として考えられるのはベーシック認証かけていると表示されないって事位かな。思い当たる事ある?

ID:0PMmq7

早速のご回答ありがとうございます!

バージョンが7以前の方もまだいるかもということで、
apple-touch-icon-precomposedを設定していました。
フラットアイコンのアドバイスありがとうございますm(__)m

ベーシック認証はかけてないです。
他に原因は考えられますか?

ID:KLFvET

そうなんだね!iOS7で再現する事だけを考えていたけどそれならheadに記述した方がいいね。あと、root直下に画像置くならhref="/apple-touch-icon-precomposed.png"とやった方がいいと思う。たとえばブラウザの「ソースを見る」等でリンク先を見た時にちゃんと画像は表示される?あとはSafariのキャッシュを一旦クリアにしてみたり。具体的な解決案を定時できなくて申し訳ない。

ID:KLFvET

あ!あと画像サイズはどの位だろう?あまりでかいと表示されない時があるよ。

ID:0PMmq7

ブラウザで確認したところ画像が表示されませんでした。
You don’t have permission to access /apple-touch-icon-precomposed.png on this server.
と表示されてしまい、アクセスの許可がないとなっていました。

キャッシュのクリアも行いましたが、、、変わらずでした。

画像のサイズは150×150で12kbです。
データサイズまたは画像サイズが影響してるのでしょうか?

ID:UpKbRe

単純にサーバー上のファイルに読み込み権限がないんじゃない?

ID:KLFvET

エラー表示を観る限りだとパーミッションエラーのようだね。画像のパーミッションを変更すれば解決できる可能性がでてきた!

ID:KLFvET

あなたは「apple-touch-icon-precomposed.png」ファイルへアクセスする権限がないよ!って怒られているから極端な話png画像のパーミッションを「777」にして表示されたらやはりパーミッションが悪さをしていたって事だね。あとは「777」から最適なパーミッションに変更すれば解決すると思うよ。

ID:KLFvET

自分でパーミッションの変更が出来ない場合はサーバーサイドエンジニアが調整していると思うから、エンジニアさんに今おこっている問題と上記のエラー内容を伝えたうえで「apple-touch-icon-precomposed.pngのパーミッションはどんな設定になっていますか?」って聞けばぴんとくるはずだよ。

ID:0PMmq7

KLFvET2AvanJ 様、UpKbReLI8LO1 様

ご回答ありがとうございます!
エンジニアさんに許可を頂き、777に設定したところ
画像が表示されました!
本当にありがとうございます!

ID:KLFvET

よかった〜。安心しました!

ID:0PMmq7

とても丁寧にご指導頂きありがとうございました!
これからも頑張ります!

最終更新日:2014-09-26 (7,822 views)

関連するトピックス

ページ上部に戻る