問題タブ [apple-touch-icon]

「ホーム画面に追加」を選択したときに iOS (および Android) のアイコンを追加するコードにはあまり詳しくありませんが、読んだ内容に基づいて次のコードを使用しました。

コードは機能しているようですが、ホーム画面に追加した後、しばらくするとアイコンが消え、アイコンの代わりに黒い四角が残りますか? 何が起こっていますか？サイトはhttp://www.redtypewriter.com/です。ご覧になりたい場合は、カスタムの WordPress テーマを使用しています。

ありがとう！

Web ページ全体を adivまたはIFrameasに挿入できます。

しかし、 のアイコンとタイトルだけが必要ですIframe。

これらのアイテムのみを取得する方法がわかりませんfavicon icon/Apple-touch-icon そして titleウェブサイトの.

たとえばwww.stackoverflow.com、そのtitleとfavicon icon/だけが必要Apple-touch-iconです。Web ページの HTML を解析して返すことができるプラグインまたはパーサーはありますか? どんな助けでも大歓迎です。

私のウェブサイトは、今朝、数時間の間に 1,000 件の /apple-touch-icon.png リクエストを受け取りました。そのようなファイルはありません。それらはすべて 404 になりました。これで、これらのリクエストがモバイル デバイスからのものであることがわかりました。また、エラーを回避する簡単な方法は、プレースホルダー ファイルを配置することであることがわかりました。それは私の質問ではありません。私の質問は、なぜ、多くの異なる IP から、そのファイルへのリクエストが突然殺到したのですか? これが永続的なボットである場合、1 つまたはいくつかの IP から送信されているのではないでしょうか?

ログに 404 が表示されるのを好まない人もいます。私は本当に気にしません。実際、その 404 を提供するには 218 バイトかかり、実際の png を提供するにはさらに多くの時間がかかります。

しかし、私の質問は、何が起こっているのですか? これはある種の認識された「攻撃」ですか？

さて、OK、私に向けられた答えは、私が尋ねていないと言った質問に対するものでした. 私が疑問に思っていたのは、なぜそのファイルに対する要求が突然殺到するのかということでした。簡単な答えは、「モバイルデバイスを持っている人があなたの素晴らしいウェブサイトに突然気づいたからです!」と思います。OK、何かがバイラルになったのかもしれませんが、同時にファビコンのリクエストが殺到することはありませんでした. したがって、私のウェブサイトは、モバイル デバイスを使用している人々の間だけで、突然非常に人気が高まったに違いありません。ええと、それよりも良い説明に違いありません。

さて、今朝見た洪水は消えるのに約 6 時間かかりましたが、今ではすべてが正常に戻っています。変 ...

この質問への答えは大したことではないと思いますが、念のため、ここで質問します。

アイコンは<link rel="apple-touch-icon*常にブラウザーによって読み込まれますか (つまり、iOS ブラウザーではありません)?

XCode iOS:UIWebViewで「apple-touch-icon url」を取得するには?

Web サイト「apple-touch-icon」に画像を保存したい。

要素に挿入されたこのコードはhead、サイトをホーム画面に追加しようとすると、iPhone 6 Plus に 120px のアイコンを読み込みます。

考え？

サイトで HTTPS を有効にしている場合、Safari の「ブックマークの追加」機能に Apple Touch アイコンを表示するのに苦労しています。「ホームに追加」オプションで動作させることができるので、「ブックマークの追加」に対して別の呼び出しが行われているかどうかはわかりません。

私はApple Documentationに従いましたが、これにはあまり情報が含まれていません。また、次のリンクも多少役立つことがわかりました。

http://www.jonathantneal.com/blog/understand-the-favicon/

https://github.com/audreyr/favicon-cheat-sheet

https://mathiasbynens.be/notes/touch-icons

ファビコン - ベスト プラクティス

次のようなリンク参照の複数の異なる組み合わせを試しました。

1. <link>要素を提供せずapple-touch-icon.png、ルート ディレクトリに名前の付いた画像のみを残します。
2. 次のような相対 URL を持つ要素を提供します。<link rel="apple-touch-icon" href="example.com/apple-touch-icon.png">
3. のような絶対 URL を持つ要素を提供し<link rel="apple-touch-icon" href="http://example.com/apple-touch-icon.png">ますhttp。https
4. これは、sslを提供するためにnginxプロキシの背後で実行されました.nginxに別の場所から静的リソースとして画像を取得させるか、単にwebappに画像リクエストを処理させることで試しました.

問題が何であるかわかりません。これらのオプションは「ホームに追加」では機能しますが、「ブックマークの追加」では機能しません。何かアイデアはありますか?

注: これを実際に機能させたいサイトでは認証の背後に HTTPS がありますが、認証なしでテスト サイトでこれを実行しても、まだ問題があります。

更新 1

nginx のアクセス ログを有効にしていますが、奇妙なことがわかります。サイトをロードし、上向きの矢印が付いた小さなボックスをクリックして外に出ます。これを行うとすぐに、次のアクセス ログが表示されます。

"GET /apple-touch-icon-152x152-precomposed.png HTTP/1.1" 200 17758 0.000 "-" "MobileSafari/600.1.4 CFNetwork/711.1.12 Darwin/14.0.0"

さて、私がセットアップした多くのアップルタッチアイコンの1つを見つけて、「ホーム画面に追加」をクリックすると表示されました。次に、[ブックマークの追加] ボタンをクリックすると、次のアクセス ログが表示されます。

"GET /news/ HTTP/1.1" 302 0 0.001 "-" "Mozilla/5.0 (iPad; CPU OS 8_1 like Mac OS X) AppleWebKit/600.1.4 (KHTML, like Gecko) Mobile/12B410"

これは、認証による 302 リダイレクトです。この呼び出しは、ページの原色を決定するために行われるため、デフォルトのコンパス アイコンの背景色をページに一致させることができます。奇妙なことは、なぜこれが呼び出されるのですか?最初にapple-touch-iconを呼び出そうとしないのですか?

また、両方のリクエストが同じ iPad から来ているにもかかわらず、ユーザー エージェントが異なります - 非常に奇妙です。

SAP Hana Cloud の試用版 (SAP WEB IDE) を使用しています。アプリにホーム画面機能を追加しようとしました。私のプロジェクト構造は次のとおりです。

http://scn.sap.com/servlet/JiveServlet/showImage/621327/structure.png

index.html ファイルに、次のような行を追加しました。

<link rel="apple-touch-icon" sizes="57x57" href="images/apple-touch-icon-iphone.png"/>

次に、アプリケーションをデプロイし、iPhone 5s デバイス (iOS バージョン: 8) にホーム画面を追加しようとすると、画像が追加されません。

興味深いのは、インターネットからの画像 (画像へのリンク) を使用すると、すべてがうまく機能することです。画像はホーム画面に追加されます。

<link rel="apple-touch-icon" sizes="57x57" href="http://www.platinumpay.net/images/EP_employees.png">

助けてください、何が間違っている可能性がありますか? 画像パスまたは定義の何か?

BR、クリスタプス