`
ColorPanda
  • 浏览: 62324 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

修改web项目的ico

 
阅读更多

修改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图标放到页面的同级目录

分享到:
评论

相关推荐

    其他类别PHP 在线生成 favicon.ico-favicon.rar

    包括STM32、ESP8266、PHP、QT、Linux、iOS、C++、Java、python、web、C#、EDA、proteus、RTOS等项目的源码。【项目质量】:所有源码都经过严格测试,可以直接运行。功能在确认正常工作后才上传。【适用人群】:适用...

    [其他类别]PHP 在线生成 favicon.ico_favicon.rar

    包括STM32、ESP8266、PHP、QT、Linux、iOS、C++、Java、python、web、C#、EDA、proteus、RTOS等项目的源码。【项目质量】:所有源码都经过严格测试,可以直接运行。功能在确认正常工作后才上传。【适用人群】:适用...

    C#图标库(3800个图标)源码.7z

    C#的图标库新增3800个图标16x16和32x32的任何类型的项目(Web,WinForm,等等)。所有的图标都被专业 (FatCow Web Hosting)设计的,这个库还包含可源代码和示例来教你使用该类库 注意: 开发环境为Visual Studio ...

    dev-icons:您的Web开发环境的平面图标

    您可以根据自己的喜好修改任何资源以适合您的项目。 我们不要求您添加任何署名或链接,但是,如果您相信我们的资源或/和帮助传播了有关我们的信息,我们将不胜感激。 但是,您不能重新分发,转售,租赁,许可,再...

    服务器上开设多个站点.doc

    基本有2种方式: 1 独立站点:利用WEB站点向导,可以建立多个站点,不同的是需要输入不同的端口——首个 站点的默认端口是80,后面的站点则需要 修改为81/82/8080/等等了。设置完成后,输入http://ip:端口号/就可以...

    软件界面设计工具_3款合集

    Balsamiq Mockups是一款免费的带有手绘风格的原型设计软件,可以帮助你设计桌面应用软件,Web 2.0 站点, RIA富网络应用程序, Web站点和Web应用软件。 功能和亮点: 操作方面:拖拽,控件分组,甚至元素之间的对齐...

    fomo3d源码一键部署

    游戏激活(不激活就处于 ICO 中? 不懂...) 刚想到一个不一定靠谱的简单方式, 把 migrations 下那个 js 里面加一个 activate 的方法调用 npm install remix-ide -g # 安装个本地的 remix-ide remix-ide #注意此时处于...

    计算机专业毕业实习日记.docx

    今天根据经理给的项目,自己尝试的进行修改! 转眼几天又过去了,工作的感觉也渐渐好了起来。值得高兴的是,前些天说的网站数据库加载失败的问题也解决了。多亏了论坛朋友的解答与同学的指导,总结一下主要有以下几...

    delphi 开发经验技巧宝典源码

    0019 构成Delphi项目的主要文件 12 0020 如何在程序中调用帮助文件 12 第2章 语言基础 17 2.1 基础语言 18 0021 如何对代码进行注释 18 0022 Exit语句的使用 18 0023 有效地使用Self对象 19 0024 ...

    delphi 开发经验技巧宝典源码06

    0019 构成Delphi项目的主要文件 12 0020 如何在程序中调用帮助文件 12 第2章 语言基础 17 2.1 基础语言 18 0021 如何对代码进行注释 18 0022 Exit语句的使用 18 0023 有效地使用Self对象 19 0024 ...

    C#程序开发范例宝典(第2版).part13

    实例125 ICO文件转化为位图 184 实例126 图片批量转换工具 185 4.3 图像预览 187 实例127 局部图像放大 187 实例128 浏览大图片 188 实例129 剪切图片 189 实例130 图像旋转 192 实例131 鼠标拖曳图像 193 ...

    C#程序开发范例宝典(第2版).part08

    实例125 ICO文件转化为位图 184 实例126 图片批量转换工具 185 4.3 图像预览 187 实例127 局部图像放大 187 实例128 浏览大图片 188 实例129 剪切图片 189 实例130 图像旋转 192 实例131 鼠标拖曳图像 193 ...

    C#程序开发范例宝典(第2版).part02

    实例125 ICO文件转化为位图 184 实例126 图片批量转换工具 185 4.3 图像预览 187 实例127 局部图像放大 187 实例128 浏览大图片 188 实例129 剪切图片 189 实例130 图像旋转 192 实例131 鼠标拖曳图像 193 ...

    C#程序开发范例宝典(第2版).part12

    实例125 ICO文件转化为位图 184 实例126 图片批量转换工具 185 4.3 图像预览 187 实例127 局部图像放大 187 实例128 浏览大图片 188 实例129 剪切图片 189 实例130 图像旋转 192 实例131 鼠标拖曳图像 193 ...

Global site tag (gtag.js) - Google Analytics