問題タブ [apple-touch-icon]

次のコードを使用して、モバイル デバイスのタッチ アイコンを取得しています。これは、html5boilerplate/mobile の例に基づいています。

しかし、何らかの理由で、iPhone は依然としてホーム画面のアイコンに問題を抱えています。私が得るのは、その迷惑なスクリーンショットのアイコンだけです。

機能しない理由を明らかにするために、他のメタ タグをここに含めました。タグを並べてみました。

アイコンの使用を止める可能性のある何かを考えられる人はいますか?

テスト ケースとして html5boilerplate/mobile を使用しました。サイトを参照して、iPhone (4S iOS5) のホーム画面にアイコンを追加できます。コード、フォルダー構造、アイコンを自分のサイトにコピーしようとしましたが、うまくいきませんでした。

何か案は？

このブログhttp://mathiasbynens.be/notes/touch-iconsをチェックしていて、iPhone では問題なく動作しましたが、Android ではホーム画面に奇妙なアイコンが表示されます。表示していたページのスナップショットと、左下のヘッダーに追加した小さなタッチ アイコン。これはなぜですか?私のAndroidデバイス(2.2)でもタッチアイコンのように取得できますか?

これらのリソースのリクエストを CDN にリダイレクトしたいと考えています。これをしない理由はありますか？

私はモバイルウェブアプリのファビコンの使用をテストしてきました。Androidでキャッシュの更新の問題が発生したと思います。

テスト用の2つのファビコン画像、big.png（114x114）とsmall.png（32x32）があります。テストページを作成する場合：

「ホーム画面にブックマークを追加」機能を使用できるようになり、ホーム画面にWebサイトへのショートカットが作成されます。ただし、画像をbig.pngに変更してホーム画面に追加しようとすると、ページに参​​照がなくてもsmall.pngが使用されます。

キャッシュの問題だと思う理由は、1）デバイスを再起動すると問題が修正されたようで、2）家に帰り、翌朝戻ったときに正しいアイコンが使用されたためです。ただし、デバイスのキャッシュを明示的にクリアしてもアイコンは更新されないため、アイコンはそこに保持されておらず、他のキャッシュに保持されていると思います。

キャッシュヘッダーまたはデバイス操作のいずれかを使用して、アイコンを強制的に更新する方法はありますか？

作業中のモバイル サイト用に作成した apple-touch-icon を iPhone 4s で使用できません。

それは私のヘッダーにあります。

Android ICS 4.0.3 / 4にインストールされているAndroidストックブラウザとモバイルChromeで奇妙なこと（バグ？）に遭遇しました（両方をテストしました）。信頼できる情報源から、Android2.3でも同じ問題が発生すると聞いています。

達成したいこと： 最近、apple-touch-icon-precomposedアイコンリンクを追加しました。これを使用して、ホーム画面に保存した場合にモバイルWebサイトをアプリのように見せることができます。また、ブックマークバブルを追加して、モバイルWebサイトを「アプリ」として保存できるようになったことをユーザーに通知しました。もちろん、ホーム画面のアプリのようなブックマークから自分のWebサイトを開いた人にはバブルを表示したくないので、まだハッシュを持っていない人のために、ロード時に特別なハッシュを追加します。そうすれば、彼らが私のWebサイトを保存するときに、ハッシュとともに保存するので、通常のリンクmy.website.com/またはブックマークmy.website.com/#specialhashを介して私のWebサイトを開いたかどうかを確認できます。 。すばらしいライブラリを使用して、このプロセス全体を簡略化しました。https://github.com/okamototk/jqm-mobile-bookmark-bubble

問題： ただし、Androidでは、JSを介してハッシュを変更するたびに、ブラウザー/ OSはapple-touch-iconで事前に作成されたアイコンのリンクを認識せず、通常のfavicon.icoのみを保存します（これは恐ろしく見えますが、すべてアプリのように）。

彼らは私にできることは何ですか？

PS。モバイルChromeでは、適切なapple-touch-icon-precomposedがブックマークライブラリに保存されますが、ホーム画面に保存しようとすると常に保存されません。

アップルタッチアイコンの白い背景が黒くなりますか？私の白い背景は透明ではありません。アイコンには、白い三角形、赤い円、黒いテキストがあります。私が理解できるのは、白い三角形と赤い円だけです。これを引き起こしている原因と、アイコンを白い背景に保つ方法について何か考えはありますか？とても有難い。

何年もの間、ウェブサイトからファビコンを取得するために、このきちんとした未公開の Google サービスを使用してきました。

<li>これにより、URL を一覧表示するときにタグなどのアイコンを作成できます。特に主要な Web サイトで普及しつつある Apple タッチ アイコンに何かが存在するのではないかと考えていました。

そうでない場合、PHP を使用してこれを取得する最も効率的な方法は何でしょうか?

アイコンタグの例を次に示します。

前もって感謝します。

新しい rails3 プロジェクトを作成しましたが、サーバー ログに次のログが何度も表示されます。これらのリクエストが送信される理由と、これらを回避するにはどうすればよいですか?

2012-09-18 20:03:53 +0530 で 192.168.6.2 の GET "/apple-touch-icon-precomposed.png" を開始しました

ActionController::RoutingError ([GET] "/apple-touch-icon-precomposed.png" に一致するルートはありません):

私はこのリンクをどこにも与えておらず、この画像をどこにもレンダリングしたくありません。このリソースをロードしようとしている理由がわかりません。

私はhtml5ゲームを書いていて、アップルタッチアイコンを動かそうとしています。iOS5を実行している非Retina iPhone 4Sでテストしています。私のhtmlファイルの最初の部分は次のとおりです。

また、ユーザーにタッチ アイコンを追加するように求めるスクリプトも使用しています。このスクリプトはタッチ アイコンのプレビューを表示し、問題なくアイコンを見つけます。また、アイコンは公開されており、パスワードで保護されていません。

ホーム画面にショートカットを追加すると、シンプルなスクリーンショット アイコンが表示されます。履歴とキャッシュをクリアしようとしました。私は何か間違ったことをしていますか？これらのノーキャッシュ メタ タグはアイコンに干渉していませんか? (それらはそこにあるので、開発中にキャッシュの問題を心配する必要はありません。)