ヨセミテのサファリ8でカスタムのお気に入りアイコンを取得する方法?


10

YosemiteのSafari 8で自分のWebサイトにカスタムのお気に入りアイコン(つまり、新しいタブページ)を追加したいと考えています。私はog:imagepngとjpgの両方のフォーマットでopen graphタグを試しました。また、お気に入りのページにカスタムアイコンが含まれているいくつかのサイト(そのアイコンを更新しているように見えるサイトを含む)のソースも調べましたが、これらのアイコンを含める正しい方法がまだ見つかりません。何か助けは?ありがとう。


あなたはファビコンについて話しますか?
StrawHara 2014年

いいえ。Safariの新しいタブページにあるお気に入りアイコンのことです。
preahkumpii 2014年

お気に入りにウェブサイトを追加する前に、/ Users / USER_NAME / Library / Safari / LocalStorage / http.yourwebsite.localstorageにある関連ファイルを削除しようとしましたか?
StrawHara、2014年

はい。何も起こりません。カスタムアイコンは表示されていません。デフォルトのアイコンのみが表示されているため、アイコンの使用を適切に実装していないと思います。
preahkumpii 2014年

1
@MrMojoRisinユーザー個人のSafariレイアウト用です。これは間違いなくここの正しい場所です。そして今、私は真剣にこの..行う方法を疑問に思う
ロブ・

回答:


3

これはOS Xとは関係ないので、モデレーターにこの質問を他のネットワークに移動させます。しかし、私はまだこれに答えるつもりです。あなたが話しているのは、以下のマークアップを使用して実装できるApple Touch Iconです。

<link rel="apple-touch-icon" sizes="57x57" href="/apple//apple-touch-icon-57x57.png">
<link rel="apple-touch-icon" sizes="114x114" href="/apple//apple-touch-icon-114x114.png">
<link rel="apple-touch-icon" sizes="72x72" href="/apple//apple-touch-icon-72x72.png">
<link rel="apple-touch-icon" sizes="144x144" href="/apple//apple-touch-icon-144x144.png">
<link rel="apple-touch-icon" sizes="60x60" href="/apple//apple-touch-icon-60x60.png">
<link rel="apple-touch-icon" sizes="120x120" href="/apple//apple-touch-icon-120x120.png">
<link rel="apple-touch-icon" sizes="76x76" href="/apple//apple-touch-icon-76x76.png">
<link rel="apple-touch-icon" sizes="152x152" href="/apple//apple-touch-icon-152x152.png">

Retinaディスプレイと非Retinaディスプレイをサポートする必要があるため、複数のサイズがあります。

出典:CSSトリック


機能していません。これらを57、120、および152サイズ(アップルのWebサイトによる)で追加しましたが、お気に入りが応答しません。
preahkumpii 2014年

あなたのウェブサイトは何ですか?
sayzlim 2014年


私はあなたのサイトを開いたが、言及されたタッチアイコンが見つかりませんでした。挿入しましたか?
sayzlim 2014年

挿入しましたがアイコンが表示されなかったので外しました。ただし、現在はお気に入りのアイコンがSafariに表示されています。なぜかわかりません。図を行きます。
preahkumpii 2014年

0

Safari(Yosemiteでは少なくともバージョン9.0.2)のタブにファビコンが表示されません。以下のためにクライアント側のソリューション私がお勧めSafariStandを。これは、タブとブックマークバーのファビコン、個別のダウンロードとブックマークパネル、その他の微調整など、Safariに多くの追加機能を追加するSIMBLプラグインです。

弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.