Top > MyPage
 

ブラウザに表示するアイコンの変更

ブラウザでのアイコン表示について

favicon.icoの使用

apacheなどでは、読み込んだページと同じ階層にあるfavicon.icoというファイルをアイコンとして 読み込む(なければ、上の階層を探したりもするらしい)が、tomcatではtomcat/webapps/anpiにお いても読みこまないようだった。tomcatの中で、favicon.icoを検索すると、tomcat/webapps/ROOTに猫 マークのfavicon.icoファイルがあったので、これをメアマークに差し替えてみた。 そして、ブラウザから/anpiに接続してブックマークへの登録をおこなったところ、お気に入り一覧 にアイコンがメアマークで表示された。 ただし、favicon.icoでの動作はもともとはIE独自の機能だったためか、firefoxでは機能しなかった。

ヘッダの使用

前の項の方法では、firefoxで機能しなかったので、ヘッダにタグを記述する方法を使用した。

テンプレートの<head>タグの中に、

<head>
<meta http-equiv="Content-Type" content="text/html; charset=shift_jis" />
<link rel="SHORTCUT ICON" \
    href="$link.getContextPath()/common/images/favicon.ico" />
    <!-- InstanceBeginEditable name="doctitle" -->
    <title>モバイルプラットフォーム Moblie Platform</title>
    <!-- InstanceEndEditable -->
<link href="$link.getContextPath()/common/css/common.css" rel="stylesheet" \
    type="text/css" />
    <!-- InstanceBeginEditable name="head" --><!-- InstanceEndEditable -->
</head>

のように、<link rel="SHORTCUT ICON" href="アイコンのURL" />のタグを追加する。これにより、firefoxではすぐにアイコンがブラウザで表示され、IEでは一度ブックマークへの必要だが、アイコンの表示がされた。

参考

favicon.icoの解説と注意タグの設定