600字范文,内容丰富有趣,生活中的好帮手!
600字范文 > web项目修改favicon.ico图标

web项目修改favicon.ico图标

时间:2023-03-18 09:54:52

相关推荐

web项目修改favicon.ico图标

下午学累了,想试着搞一下前面老师讲的一个小知识,就是在web项目中修改favicon.ico图标。嗯,先看笔记

修改图标,方式有两种,全局方式和局部方式

全局方式:

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

局部方式

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

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

没错,这两行代码是关键,要加对地方,在head标签里,而且最后改一下路径,用相对路径获取一下。没错,改好之后就是下面这样:

<html><head><title>Title</title><link rel="icon" href="${pageContext.request.contextPath}/favicon.ico" mce_href="${pageContext.request.contextPath}/favicon.ico" type="image/x-icon"><link rel="shortcut icon" href="${pageContext.request.contextPath}/favicon.ico" mce_href="${pageContext.request.contextPath}/favicon.ico" type="image/x-icon"></head><body>

剩下的部分就不展示了

但是,问题出现了!!!!!!!!!!!!!!!!!!!!!

根本没有图标,我换了各种浏览器,就是没有图标。我一度怀疑自己是不是哪里搞错了,仔细对比了好几遍代码,发现没问题,再把老师发的视频看了一遍,还是没问题,去博客搜了一下,也照不出来问题,这瘪犊子玩意,此处省去一万字……

此处是个华丽的分割线

么得办法,不弄了,吃了个饭回来,在此项目上继续练习新的内容,结果,奇迹出现了,哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈

一开始我还没发现,但是这个页面我设置的是默认页面,打开突然发现有图标了,就离谱

呐,这不就好起来了嘛

真的,很无奈啊,不过,心里还是挺开心的。

最后,分享自己喜欢的一句话:

你只管努力,剩下的交个天意。如果事与愿违,上天一定自有安排。

加油,爱生活,爱java

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。