自定义站点图标路径设置

背景说明 站点图标，即打开一个网址时可以在地址栏看到的一个小图标，是一种产品logo，能够帮助用户识别和记住网站。

参考链接 https://msdn.microsoft.com/en-us/library/gg491740(v=VS.85).aspx https://msdn.microsoft.com/en-us/library/ms537656(v=vs.85).aspx https://msdn.microsoft.com/library/gg491740(v=vs.85).aspx

目标效果

解决方案 初始代码

<link rel= "shortcut icon" href ="img/logo.png" type="image/x-icon" />

href属性表示的是logo图标的路径。这句代码可以在Chrome和Firefox下正常工作，可是在IE11下不工作。在百度上查了很久，很多人都说删除缓存之类的，但是依然不可用。于是我做了各种尝试，以下两种办法可以同时适用于3个浏览器。

方法一，href中设置完整的图标URL

<link rel= "shortcut icon" href="http://localhost:8080/BasicFrameworkWeb/img/logo.png" type= "image/x-icon" />

这个方法的缺陷就是当我们的服务部署到不同的服务器上时，涉及域名的调整，麻烦。当然，如果你直接将资源放在一个第三方的加速CDN上，现在也流行这样，那就无所谓。

方法二，推荐，采用相对于域名的路径

<link rel= "shortcut icon" href ="/BasicFrameworkWeb/img/logo.png" type="image/x-icon" />

BasicFrameworkWeb是我的项目(ContextPath)名称。推荐使用这种方式，这弥补了第一种方式的缺陷。但是，你的ContextPath会不会变化呢？另外，"相对于域名的路径"这个专业的叫法是什么？

秒客网