favicon.ico一般在瀏覽器的tab頁扛或,和收藏夾/書簽欄 顯示。
它是通過圖片來制做的碘饼,但又不是圖片的格式熙兔,格式是一種特殊格式悲伶,叫.ico。
比如你有一張小圖標(biāo)住涉,你可以通過網(wǎng)上的資源把它轉(zhuǎn)成.ico格式麸锉。
比如在這個網(wǎng)站http://www.bitbug.net/。
如圖舆声,選擇一張你的圖片花沉,選擇你需要的尺寸,輸入驗證碼媳握,點(diǎn)擊直接生成就OK了碱屁。
做成了之后須把它保存在你項目的根目錄當(dāng)中,在頁面中通過代碼<link
rel="icon" href="favicon.ico"> 在head標(biāo)簽中引入即可蛾找。
對于一些新手來說娩脾,在引入的時候往往圖標(biāo)顯示不出來,特別是針對一些ie瀏覽器打毛,我們的引入方法是正確的柿赊,但是ie瀏覽器不支持我們本地的目錄顯示圖標(biāo),也就是說隘冲,你的網(wǎng)頁是通過file協(xié)議打開的闹瞧,這個時候它不會正常顯示圖標(biāo)绑雄。
因此你必須把它放到服務(wù)器的環(huán)境展辞,這個通過編輯器是可以實現(xiàn)的,比方說你用的編輯器是VS
Code 的話万牺,需要安裝Live Server 插件,安裝好之后在編輯器中右擊選擇Open with Live Server打開項目罗珍,協(xié)議就變成了http協(xié)議,在這種協(xié)議下ie瀏覽器會正常顯示圖標(biāo)脚粟。