Question

我打开了Chrome的开发者工具，当我在网络标签中查找时，它根本不加载我的图标。这是我的代码：

<DOCTYPE HTML>
<head>
    <link rel="icon" href='./img/favicon.ico' type="image/x-icon"/>
    <meta charset="utf-8">
    <title>Website</title>
    <link rel="stylesheet" href="style.css">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
    <script src="script.js"></script>
</head>

Answer 1

试试这个：

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

Answer 2

将您的favicon.ico上传到您网站的根目录，这应该适用于Chrome。有些浏览器会忽略元标记，只需使用/favicon.ico

去图？.....

Answer 3

尝试添加type type =“image / x-icon”

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

并尝试在subdir / img

中移动favicon.ico

然后

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

或使用快捷方式图标

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

或像png一样保存ico

 <link rel="shortcut icon" type="image/png" href="./img/favicon.png" />

Answer 4

似乎您的代码属性没有问题。这是标准格式

<link rel="icon" href="imagelocation" type="image/x-icon" sizes="16x16">

在没有下载的情况下从互联网上试用图片并确认它不是Chrome的问题。然后查看您的代码和图片的位置是否与您调用的文件位置正确匹配网站图标。

对于您的代码，您的favicon应位于名为＆＃39; img＆＃39;的子目录中。这也可能是浏览器缓存问题。尝试查看页面源（右键单击＆gt;查看页面源）并转到图像的位置并尝试重新加载。

Google Chrome不会加载图标

4 个答案: