今天在微信开发者工具发现一个错误,说是找不到favicon.ico这个文件。
这个就是标签式浏览器显示在页面title前面的小图标,移动端也没什么用,所以一直没在意,今天有空就研究了一下,发现还是有点问题的。
首先用一些在线制作工具,选择16*16或者32*32的大小,生成的文件命名为 favicon.ico 放置在网站根目录下。
然后页面head标签内加入以下代码,href的值是文件的绝对地址。
<link rel="icon" href="../favicon.ico" type="image/x-icon" />
<link rel="shortcut icon" href="../favicon.ico" type="image/x-icon" />
然而在我完成了这些之后,还是没有成功显示在浏览器中,当我将文件地址改为页面同级地址 "img/favicon.ico" 时就显示出来了,应该就是顶级域名跳转的配置导致。