2016-05-01 65 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

它來回移動它沒有做的伎倆,刪除./仍然沒有 –