`
ispring
  • 浏览: 355631 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
社区版块
存档分类
最新评论

Tomcat中使用Favicon

    博客分类:
  • J2EE
阅读更多
IE7中每个页面都有一个自己的图标,如果不自己制定的话,会变成tomcat的小猫咪。下面说一下怎么改掉这个小猫咪。

1)、在每个页面的<head></head>里加入以下两行代码。

<link rel="icon" href="{contextPath}/favicon.ico" type="image/x-icon" />
<link rel="shortcut icon" href="{contextPath}/favicon.ico" type="image/x-icon" /> 
这里的{contextPath}是你的站点的名字,所以这里是绝对路径,如果我没有记错的话,在jsp中相对路径好像是不好用的。比如,网易的话,就应该是

<link rel="icon" href="http://www.163.com/favicon.ico" type="image/x-icon" />
<link rel="shortcut icon" href="http://www.163.com/favicon.ico" type="image/x-icon" />

2)、在WebRoot下面,也就是网站的根目录下面放一个favicon.ico文件,这个文件必须是标准的ico文件。可以通过
http://www.chami.com/html-kit/services/favicon/ 这个网站生成一个 ,大小是32x32的,如果你希望可以在IE6里表示出来的话,最好是16X16的,在5K以下,因为我们遇到如果用一个15k的文件,IE不能自动下载,必须手动键入favicon.ico的地址后,它才能表示出来。颜色的话,16色,256色都可以。保险一点就是16色,我用的是256色的。

   有的网站说,这个文件必须叫"favicon.ico",必须放在根目录下,要不然IE认不出来(别的浏览器可以),这个我没有试验过。

   这个时候你在你的浏览器里敲入 http://localhost:8080/siteName/favicon.ico  的时候看到的将是一个小红叉。

3)、要想摆脱小红叉就得靠这一步啦,在自己应用的web.xml或者tomcat的Conf下的web.xml中加入一下代码,然后重起tomcat。

<session-config>
   <session-timeout>60</session-timeout>
</session-config>

<mime-mapping>
    <extension>ico</extension>
    <mime-type>image/x-icon</mime-type>
</mime-mapping>


4)、如果你还用了什么登陆的过滤,就是filter之类,别忘了把这个文件给解放出来

5)、这个时候你在输入,http://localhost:8080/siteName/favicon.ico,应该可以看到对应的图片,如果看不到,找找是不是什么地方错了。

6)、清空IE的缓存,就清空文件就可以了。然后输入你的网址,当然这个时候你还看不见图标。关掉浏览器,在重新打开,在地址栏里,你就可以看到你的图标了。我们这里所指的浏览器是IE7,因为IE6必须得添加入收藏夹议后才能看到图标,而且只有添加的那个网址能看到,网站的其他页面都没有图标。查了一些资料,也没有解决这个问题。以后有时间在解决吧。
分享到:
评论
1 楼 eltonto 2010-09-28  
以后你可以来这里看看favicon在线转换

相关推荐

    favicon.rar

    favicon.rar tomcat 小图标 显示修改。

    如何修改tomcat项目的图标(两种)

    我们在查看网页的时候很多网站都有自己的小图标,系统读取这个标志的时候先从你的项目的根目录下读看有没有favicon.ico文件,如果有直接显示这个图标,如果没有,则会去webapps/root/下找这个文件,如果这两个地方都...

    Pluto1_9_9_2.rar

    但是,这就没有发掘C++Builder的作用,不如直接搭建NginX,Apache,lighttpd+tomcat。通过实践,在Web服务器上直接利用C++Builder,可以支持动态网页。而且,还可以执行 .jsp,.php,.do等任意类型的动态网页。 Bug记录...

    JavaEE开发的颠覆者SpringBoot实战[完整版].part2

    在当今Java EE 开发中,Spring 框架是当之无愧的王者。而Spring Boot 是Spring 主推的基于“习惯优于配置”的原则,让你能够快速搭建应用的框架,从而使得Java EE 开发变得异常简单。 《JavaEE开发的颠覆者: Spring ...

    JavaEE开发的颠覆者SpringBoot实战[完整版].part3

    在当今Java EE 开发中,Spring 框架是当之无愧的王者。而Spring Boot 是Spring 主推的基于“习惯优于配置”的原则,让你能够快速搭建应用的框架,从而使得Java EE 开发变得异常简单。 《JavaEE开发的颠覆者: Spring ...

    JavaEE开发的颠覆者SpringBoot实战[完整版].part1

    在当今Java EE 开发中,Spring 框架是当之无愧的王者。而Spring Boot 是Spring 主推的基于“习惯优于配置”的原则,让你能够快速搭建应用的框架,从而使得Java EE 开发变得异常简单。 《JavaEE开发的颠覆者: Spring ...

    JavaEE开发的颠覆者+Spring+Boot实战++完整版

    avaEE开发的颠覆者 Spring Boot实战 完整版+书签+pdf+源码.rar JavaEE开发的颠覆者 Spring ..., 当你学完《JavaEE开发的颠覆者: Spring Boot实战》后,你将能使用Spring Boot 解决Java EE 开发中所遇到的绝大多数问题

    spring-boot-reference.pdf

    Custom Favicon 27.1.8. Path Matching and Content Negotiation 27.1.9. ConfigurableWebBindingInitializer 27.1.10. Template Engines 27.1.11. Error Handling Custom Error Pages Mapping Error Pages outside...

    spring boot 项目代码,直接启动本人编写的,里面包含PPT下载地址

    7.5 Favicon 配置 .... ................................... 196 7.6 WebSocket .... ....................................... 197 7.7 基于Bootstrap 和AngularJS 的现代Web 应用 .................. 212 第8 章 ...

    JavaEE开发的颠覆者 Spring Boot实战,多个地址免费下载,

    7.5 Favicon 配置 .... ................................... 196 7.6 WebSocket .... ....................................... 197 7.7 基于Bootstrap 和AngularJS 的现代Web 应用 .................. 212 第8 章 ...

Global site tag (gtag.js) - Google Analytics