faviconを考える

見出し右端の記号は?

Web Page
Booskanium's Tips.
忘れっぽい落書き人のメモ

faviconについて考える

IEに実装されて登場した時にはアクセス解析に使えるからプライバシー侵害だ云々などといちゃもんをつけられましたが、今は当たり前の様に使われています。
拡張子がWebらしからぬ“ico”というのも、最初にIEに実装したMicrosoftの為せる所為です。

favicon入れ替えで実現

linkタグのhrefを書き換えてしまう

Twitterの赤丸faviconの様にページの状態に応じて何かがあるよと通知する方法。 ただしリアルタイムにfavicon変更を反映してくれるブラウザ限定の方法。
そのコードは下記のとおり

<html lang="ja">
<head>
<meta charset="utf-8">
<title>favicon変更</title>
<link rel="shortcut icon" href="favicon.ico" id="favi">
<script>
function chngFavi(){
  var favi = document.getElementById("favi");
  favi.href = "favicon2.ico";
}
</script>
</head>
<body>
  <input type="button" value="favicon切り替え" onclick="chngFavi();">
</body>
</html>