favicon 不只是個圖標

Tecode 發布于2019-08-01 16:04 / 2079人閱讀

摘要：的概念中文譯名是收藏夾圖標，不僅是網站的頭像，也是其可以讓瀏覽器的收藏夾中除了顯示相應的標題外，還以圖標的方式區分不同的網站。這顯然是應該予以避免的。

favicon 的概念

favicon 中文譯名是收藏夾圖標，不僅是網站的頭像，也是其可以讓瀏覽器的收藏夾中除了顯示相應的標題外，還以圖標的方式區分不同的網站。

瀏覽器的支持

FF 瀏覽器還支持動態的 favicon，讓你的網站更有個性

一個冷知識

favicon 在一定程度上減輕服務器的流量帶寬占用，一般為了提高網站的可用性，我們都會為自己的網站創建一個自定義的404錯誤文件，在這種情況下，如果網站沒有相應的favicon.ico文件，每當有用戶收藏網站/網頁時， Web服務器都會調用這個自定義的404文件，并在網站的錯誤日志中記錄。這顯然是應該予以避免的。

偶爾設置了 favicon 發現沒有顯示

首先檢查格式是否正確：

現在格式已經沒有那么嚴格了，沒有 type 也是可以的

格式沒錯的話， ctrl + F5 強制清除緩存，就可以看到標簽頁的圖標了。

webpack 怎么打包 favicon ？

如果你是用 html-webpack-plugins 來處理 html的話，這個插件已經提供了 favicon ，你只要寫好 favicon 所在的路徑就可以了，如：

const htmlPlugin = new HtmlWebpackPlugin({
    favicon: path.resolve(publicDir, "./imgs/favicon.ico")
});
pluginsConfig.push(htmlPlugin);

插件就會自動幫你打包到 html 的 head 里面;
不是的話需要自己處理這個圖標，再引用

云服務器 GPU云服務器不只是婚姻不只是腳本不只是新影如何給c語言加個圖標

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/50278.html

【HEXO】從零搭建HEXO博客修改默認主題/參數/favicon 替換個人主頁

摘要：下面我以主題舉例，覆蓋默認主題。其他元素使用相同的方法都可以修改。像這種超鏈接跳轉的修改，在文件中找到直接把屬性的值改變即可。準備：搭建環境大致分為以下兩步：安裝Node.js 安裝git 配置Node.js環境下載Node.js安裝 Windows Installer 32-bithttps://nodejs.org/dist/v4.2.3/node-v4.2.3-x...

My_Oh_My 2019-08-29 16:59 評論0 收藏0
【HEXO】從零搭建HEXO博客修改默認主題/參數/favicon 替換個人主頁

摘要：下面我以主題舉例，覆蓋默認主題。其他元素使用相同的方法都可以修改。像這種超鏈接跳轉的修改，在文件中找到直接把屬性的值改變即可。準備：搭建環境大致分為以下兩步：安裝Node.js 安裝git 配置Node.js環境下載Node.js安裝 Windows Installer 32-bithttps://nodejs.org/dist/v4.2.3/node-v4.2.3-x...

Near_Li 2019-08-02 11:43 評論0 收藏0
為VUE 腳手架中自定義title標簽頁小圖標

摘要：效果如圖所示一在項目同級目錄下添加文件二在項目中引入三配置配置文件文件夾下面在下面兩個配置文件中加入具體位置四重新運行項目效果如圖所示: showImg(https://segmentfault.com/img/remote/1460000018900485?w=1526&h=834); 一、在項目index.html同級目錄下添加favicon.ico文件 showImg(htt...

livem 2019-08-23 16:59 評論0 收藏0
iNotify.js 2 實現瀏覽器的title閃爍滾動聲音提示，彈出通知

摘要：實現瀏覽器的閃爍滾動聲音提示等系統彈出通知。它沒有依賴，壓縮只有只有，實例預覽。下載使用有消息了。文字的方向它的值可以是自動從左到右從右到左。一個圖片的，將被用于顯示通知的圖標。當用戶關閉通知時被觸發。 JS 實現瀏覽器的 title 閃爍、滾動、聲音提示、chrome、Firefox、Safari等系統彈出通知。它沒有依賴，壓縮只有只有4.66kb(gzipped: 1.70kb)，...

fantix 2019-08-22 18:44 評論0 收藏0