問題タブ [apple-touch-icon]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
html - ウェブサイトにiPhoneのアイコンを付けるにはどうすればよいですか？
作成したWebサイトに適切に表示されるアイコンを設定するにはどうすればよいiPhoneですか？
iphone - アップルタッチアイコンの正しいピクセル寸法は何ですか？
正しいサイズがわからない。
多くのサイトは、apple-touch-iconは57x57ピクセルである必要があると繰り返しているようですが、ソースとして壊れたリンクを引用しています。
ハンゼルマンとplaygroundbluesのコメントは、163x163と60x60を含むさまざまなサイズを示唆しています。
Apple独自のapple.comアイコンは129x129です！
関連する質問を参照してください： WebサイトにiPhoneのアイコンを付けるにはどうすればよいですか？
iphone - Apple iPhone/iPodTouch Web クリップ アイコンのサイズ
Apple iPhone および iPod Touch では、次のようにアイコン ファイルへのリンクを指定します。
...しかし、このページでは、iPhone < 4 用と iPhone 4 用の 2 つの異なるサイズのアイコンを指定することをお勧めします。
2 つの個別のアイコンを指定する方法を示すドキュメントはありません。誰でも助けることができますか？
html - Web サイトの Apple Touch アイコン
今まで、Apple Touch アイコンの行を次のように頭に入れてきました。
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
ただし、Q&A の「apple-touch-icon の正しいピクセル寸法は?」Appleのガイドラインに従って、現在3つの画像が必要であることが受け入れられた回答に記載されています。
では、これらをコードの head セクションに挿入するにはどうすればよいでしょうか。
html - サブフォルダ内のファビコンに問題はありますか？
ファビコンとアップルタッチアイコンをサブフォルダーに移動する際に問題が発生する可能性はありますか？好き：
safari - Safari は、apple-touch-icon にどのような「効果」を追加しますか?
最後に「-precomposed」を追加することで、Safariがアップルタッチアイコンに与える効果を無効にできると言っているWebサイトをたくさん見てきました。
Safari がアイコンに追加する正確な「効果」は何ですか?
iphone - iOS で「web アプリ」の「apple-touch-icon-precomposed」リンク属性を適切に尊重させる方法
光沢のないカスタム ホーム画面アイコンにapple-touch-icon-precomposed リンク属性メソッドを使用する iOS 用の Web アプリをいくつか作成しました。しかし、最近問題が発生しました。ホーム画面のブックマークを追加してからアプリを実行し、アプリを終了すると (マルチタスク経由で)、光沢がアイコンに適用されます! なぜこれが起こるのかわかりません。iPad 2 では再現できませんが、4.3.3 を実行している iPhone 3GS では引き続き発生します。あと、フォルダに入れるのも関係ありそう？
コードを調べたい場合、アプリはhttp://pattern86.com/apps/colorにあります。
基本的には次のようになります。
アプリをホーム画面に追加します。（光沢なし - この時点ですべてが良好です。）
マルチタスクからアプリを終了します (ここですでに光沢が示されています!)
アイコンに光沢効果が追加されました。何を与える？
iphone - このアップルタッチアイコンが機能しないのはなぜですか？
私のウェブサイトには次のコードがあります。
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を使用しているため、それがどのように影響するかはわかりません。
html - Dashcode Webクリップアイコン、すべて試しましたが表示されません
ダッシュコードのWebクリップアイコンを表示できません。サファリで生成されたアイコンが表示されるだけです。ダッシュコードを使用してデザインしてみた後、コードを使用しました
また、apple-touch-icon.pngという名前のファイルをルートフォルダーに追加しようとしましたが、それでも機能しませんでした。シミュレーター、iPhone、iPadでサイトを実行しましたが、カスタムWebクリップアイコンが表示されません。誰か提案がありますか
更新：新しいダッシュコードプロジェクトを作成し、Webクリップアイコンを追加しようとしましたが、それでも機能しません。これは本当に私を苛立たせ始めています。
javascript - WebアプリにダッシュコードでWebクリップアイコンを追加できないのはなぜですか。私はすべてを試しましたか？
シミュレーター、iphone、ipadで2つの異なるオペレーティングシステムからこのコードを実行しようとしましたが、表示されません。コードはダッシュコードチュートリアルにリストされていますが、動作させることができません。助けてください！