修改web项目的ico

道北吴彦祖 2016-11-16

修改tomcat小猫图标,设置项目的favicon图标,方式有两种:全局方式和局部方式

1、全局方式:

进入tomcat服务器\webapps\ROOT,然后用自己项目的favicon.ico替换tomcat自带的favicon.ico图片

目前在tomcat8上面单纯的替换是不生效的(我遇到的情况),如果你想全局修改掉的话:

1、拷贝自己的ico文件到ROO下,文件名与tomcat自带的favicon.ico名字不能相同,比如文件名为favicon2.ico;

2、修改 \webapps\ROOT\index.jsp ,将其中的favicon.ico 替换为favicon2.ico,重启tomcat刷新页面就可以了,这种情况适合一个tomcat只发布一个项目的情况

<head>
        <meta charset="UTF-8" />
        <title><%=request.getServletContext().getServerInfo() %></title>
        <link href="favicon.ico" rel="icon" type="image/x-icon" />
        <link href="favicon.ico" rel="shortcut icon" type="image/x-icon" />
        <link href="tomcat.css" rel="stylesheet" type="text/css" />
    </head>

 2、局部方式:

只对设置的页面起作用,将自己项目需要的favicon.ico图片作为资源文件(一个图片)添加到项目下,然后在页面如index.jsp的<head>标签中引入该图

一般管理系统的话,只修改两个页面,登陆页面与登陆之后的默认页面,因为管理系统的话,登陆之后其他功能的页面一般都是以tab的方式在默认页面显示,当然如果不是就要多修改几个页面了,这样处理虽然要改多几个页面,但之后发布到tomcat或其他容器的话,都不用去修改容器默认的favicon.ico

 

浏览器上显示title 图标 icon图标

<link type="image/favicon.ico" rel="icon" href="favicon.ico">

如果想让图标出现在收藏夹中,就: 
<link type="image/
favicon.ico" rel="shortcut icon" href="favicon.ico">

<link type="image/favicon.ico" rel="bookmark" href="favicon.ico">

favicon.ico图标放到页面的同级目录

相关推荐

老汪的技术人生 / 0评论 2017-06-15