Favicon出现在IE的应用程序启动时,然后,当更新URL的一部分时,“Dissapears”

时间:2017-03-16 05:26:32

标签: javascript html jsp internet-explorer href

我正在开发一个庞大的Java Web App(拥有JSP,Java脚本和Servlet等)。 它抓住Favicon工作正常,并在http://localhost:8080/Release/main

的IE中显示在Tab上

但是有一些java脚本功能可以更新链接并在最后修改URL,因此http://localhost:8080/Release/main更改为http://localhost:8080/Release/list/Somenting

一旦发生这种情况,Favicon就会消失。如果我刷新了favicon消失的页面,那么它会将favicon带回来,但由于应用程序生成了许多子链接,我无法做到这一点。

最初带有图标(正确工作)的代码是:

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

互联网上有各种文章讨论了图标没有出现。我在这里没有这个问题。看起来不错,但是当URL的一部分发生变化时会消失。

提前致谢!

2 个答案:

答案 0 :(得分:0)

如果您打算使用相对路径,则从根目录(/images/fav.ico)启动它或使用绝对paht(https://domain.ltd/path/images/fav.ico)代替。

答案 1 :(得分:0)

当您在http://localhost:8080/Release/main时,根据您的链接标记,favicon位于http://localhost:8080/Release/main/images/fav.ico

由于您没有更改这些代码,因此只要您转到http://localhost:8080/Release/list/Somenting,浏览器就会在http://localhost:8080/Release/list/Somenting/images/fav.ico找到favicon,因为您使用的是相对于当前位置的路径你的链接标签。

可能的解决方案是使用绝对URL。

 <link rel="icon" href="/Release/main/images/fav.ico" type="image/x-icon">
 <link rel="shortcut icon" href="/Release/main/images/fav.ico" type="image/x-icon">

在URL的开头插入斜杠会更改行为,使URL相对于localhost而不是当前位置。