2016-05-01 43 views
0

我打开了Chrome的开发者工具,当我在networks选项卡上查找它时,它根本没有加载我的favicon。 这里是我的代码:Google chrome doesnt load favicon

<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> 
+0

尝试HREF = “./的favicon.ico” – scaisEdge

+0

@scaisEdge它与其他broswer或不工作不 –

+0

工作? – scaisEdge

回答

2

试试这个:

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

+0

仍然无法工作 –

0

尝试添加类型类型= “图像/ X-图标”

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

,并尝试移动图标.ICO在子目录/ IMG

然后

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

或快捷方式图标

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

或保存ICO像PNG

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

做到了这一点,仍然npt工作我已经尝试几乎所有的东西显然它没有工作 –

+0

我有更新的答案..在不工作显示所有的头代码 – scaisEdge

+0

我更新的问题,尝试,仍然没有工作 –

1

上传你的favicon.ico到您的网站的根目录下,并应与Chrome浏览器。有些浏览器忽略meta标签,只需使用/favicon.ico

去图?.....

+0

这是根目录已经... –

0

似乎有一个与你的代码attributes.This没有问题的standerd形式

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

尝试从互联网上下载图片而无需下载,并确认它不是Chrome的问题。然后看看您的代码和图像位置是否与您称为Favicon的文件位置正确匹配。

Accroding到代码中的图标应该是称为子目录“img'.This可能是一个浏览器cacheing问题也。尝试查看页面源代码(右键单击>查看页面源代码)并转到该图像的位置,然后尝试重新加载它。

+0

我曾尝试在线图标和它没有做任何事情,我已经尝试用Ctrl + Shift + r重新加载忽略缓存,仍然没有,尝试在其他PC和再次结果 –

+0

删除。/ part,然后重试.. href =“img/favicon.ico”,然后尝试将favi添加到根目录。如果它已经在根目录中,为什么你在标签中使用该/ img部分? –

+0

它来回移动它没有做的伎俩,删除./仍然没有 –