SnippetShare 项目总结连载（十 一）-- 网页小图标favicon.ico

SnippetShare 项目总结连载（十 一）-- 网页小图标favicon.ico

Luo Weifeng 2011-6-25
 
说明：本系列文章为作者自己看或在web开发特别初级的人看，高手和中手绕过。
 
 
Tomcat 中部署的应用在浏览器中查看的时候发现上面一直有个tomcat小猫的图标。对于发布的应用程序来说很难看。所以就想把它替换掉。
 
规则： 据传，其实Tomcat在展示这个app的时候，首先在项目的主目录下寻找一个叫做 favicon.ico的文件，如果有，那么浏览器那边见到的应该是就是这个了，如果这里找不到，那就webapps/root 下面找 favicon.ico，如果没有找到就显示浏览器自己的。
 
有些浏览器还需要在web页面中添加如下代码：

<link rel="shortcut icon" href="favicon.ico" mce_href="favicon.ico" type="image/x-icon">

 
这里的favicon.ico 是相对路径，也可以是绝对路径
 

<link rel="shortcut icon" href="http://你的网址/favicon.ico" mce_href="http://你的网址/favicon.ico" type="image/x-icon">

 

 
可以通过http://localhost:8080/siteName/favicon.ico 查看图标
 
要是想立即看到效果，需要清除浏览器缓存，然后重新打开浏览器。