2016-07-01 5 views
2

私はページ固有のファビコンを設定するコードを探しています。私はすでにサイト全体にfaviconを持っていますが、サイト全体のいくつかのページで、別のfaviconが必要です。ページ固有のファビコンを設定するにはどうすればよいですか?

、誰もがあるかもしれないものにいくつかの光を当てることができれば、私はしばらく前にどこかに次のコードを発見し、前に一度ページ上でそれを使用するが、今で動作するようには思えない...

<script>(function() { 
    var link = document.createElement('link'); 
    link.type = 'image/x-icon'; 
    link.rel = 'shortcut icon'; 
    link.href = 'http://www.iconj.com/ico/8/6/86d29buh2e.ico'; 
    document.getElementsByTagName('head')[0].appendChild(link); 
}()); 
</script> 

コードに間違っているか、または非常に高く評価される代替のアドバイスを提案してください。

+3

ここにJavaScriptが必要な理由がわかりません。 faviconを通常の方法で宣言するだけですか? https://www.w3.org/2005/10/howto-favicon –

+0

ありがとうございます。私はページの先頭タグにアクセスすることはできませんが、私は別の方法を試さなければなりません。しかし、ありがとう! – MosheBait

答えて

0

作成したコードは問題なく動作しているようです。ページのファビコンをアイコンに設定します。それがうまくいかない理由は、何かがローカルでホストされているときに、ファビコンがリモートソースからロードされないことがあります。私はWindows 10でgoogle chromeを使用すると、これは私の場合に当てはまります。しかし、Linux/firefoxのコンボで同じことをすれば、うまく動作します。

このように、セットアップで実際にファビコンを表示できるかどうかを確認するだけです。コード使用:あなたはJavaScriptを使用して喜んでいる場合

<head> 
    <link rel="shortcut icon" 
     type="image/x-icon" 
     href="http://www.iconj.com/ico/8/6/86d29buh2e.ico"> 
</head> 
+0

えええええええええええ、私は同じサイト上の別のページで、同じiconj.comホスティングを使用して同じコードを使用したことを私に混乱させます。 このコードは現在機能していません。だから、私はそれが物事のホスト側で変更されたものだと仮定します。何が変わったかを見なければならないでしょう – MosheBait

0

を、私はfavicon.jsに試してみることをお勧め。必要以上に多くの機能を提供しますが、問題に対処できるはずです。プロジェクトのホームページで、 "Regular image to icon"を探してください。これはあなたが達成したいものです。

+0

ありがとう!私はそれを打つつもりです – MosheBait

関連する問題