資訊專欄INFORMATION COLUMN
摘要：的概念中文譯名是收藏夾圖標(biāo)，不僅是網(wǎng)站的頭像，也是其可以讓瀏覽器的收藏夾中除了顯示相應(yīng)的標(biāo)題外，還以圖標(biāo)的方式區(qū)分不同的網(wǎng)站。這顯然是應(yīng)該予以避免的。
favicon 的概念
favicon 中文譯名是收藏夾圖標(biāo)，不僅是網(wǎng)站的頭像，也是其可以讓瀏覽器的收藏夾中除了顯示相應(yīng)的標(biāo)題外，還以圖標(biāo)的方式區(qū)分不同的網(wǎng)站。
瀏覽器的支持FF 瀏覽器還支持動(dòng)態(tài)的 favicon，讓你的網(wǎng)站更有個(gè)性
一個(gè)冷知識(shí)favicon 在一定程度上減輕服務(wù)器的流量帶寬占用，一般為了提高網(wǎng)站的可用性，我們都會(huì)為自己的網(wǎng)站創(chuàng)建一個(gè)自定義的404錯(cuò)誤文件，在這種情況下，如果網(wǎng)站沒(méi)有相應(yīng)的favicon.ico文件，每當(dāng)有用戶收藏網(wǎng)站/網(wǎng)頁(yè)時(shí)， Web服務(wù)器都會(huì)調(diào)用這個(gè)自定義的404文件，并在網(wǎng)站的錯(cuò)誤日志中記錄。這顯然是應(yīng)該予以避免的。
偶爾設(shè)置了 favicon 發(fā)現(xiàn)沒(méi)有顯示首先檢查格式是否正確：
現(xiàn)在格式已經(jīng)沒(méi)有那么嚴(yán)格了， 沒(méi)有 type 也是可以的
格式?jīng)]錯(cuò)的話， ctrl + F5 強(qiáng)制清除緩存，就可以看到標(biāo)簽頁(yè)的圖標(biāo)了。
webpack 怎么打包 favicon ？如果你是用 html-webpack-plugins 來(lái)處理 html的話，這個(gè)插件已經(jīng)提供了 favicon ，你只要寫好 favicon 所在的路徑就可以了， 如：
const htmlPlugin = new HtmlWebpackPlugin({
favicon: path.resolve(publicDir, "./imgs/favicon.ico")
});
pluginsConfig.push(htmlPlugin);
插件就會(huì)自動(dòng)幫你打包到 html 的 head 里面;
不是的話需要自己處理這個(gè)圖標(biāo)，再引用
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/50278.html
摘要：下面我以主題舉例，覆蓋默認(rèn)主題。其他元素使用相同的方法都可以修改。像這種超鏈接跳轉(zhuǎn)的修改，在文件中找到直接把屬性的值改變即可。 準(zhǔn)備：搭建環(huán)境 大致分為以下兩步： 安裝Node.js 安裝git 配置Node.js環(huán)境 下載Node.js安裝 Windows Installer 32-bithttps://nodejs.org/dist/v4.2.3/node-v4.2.3-x...
摘要：下面我以主題舉例，覆蓋默認(rèn)主題。其他元素使用相同的方法都可以修改。像這種超鏈接跳轉(zhuǎn)的修改，在文件中找到直接把屬性的值改變即可。 準(zhǔn)備：搭建環(huán)境 大致分為以下兩步： 安裝Node.js 安裝git 配置Node.js環(huán)境 下載Node.js安裝 Windows Installer 32-bithttps://nodejs.org/dist/v4.2.3/node-v4.2.3-x...
摘要：效果如圖所示一在項(xiàng)目同級(jí)目錄下添加文件二在項(xiàng)目中引入三配置配置文件文件夾下面在下面兩個(gè)配置文件中加入具體位置四重新運(yùn)行項(xiàng)目 效果如圖所示: showImg(https://segmentfault.com/img/remote/1460000018900485?w=1526&h=834); 一、 在項(xiàng)目index.html同級(jí)目錄下添加favicon.ico文件 showImg(htt...
摘要：實(shí)現(xiàn)瀏覽器的閃爍滾動(dòng)聲音提示等系統(tǒng)彈出通知。它沒(méi)有依賴，壓縮只有只有，實(shí)例預(yù)覽。下載使用有消息了。文字的方向它的值可以是自動(dòng)從左到右從右到左。一個(gè)圖片的，將被用于顯示通知的圖標(biāo)。當(dāng)用戶關(guān)閉通知時(shí)被觸發(fā)。 JS 實(shí)現(xiàn)瀏覽器的 title 閃爍、滾動(dòng)、聲音提示、chrome、Firefox、Safari等系統(tǒng)彈出通知。它沒(méi)有依賴，壓縮只有只有4.66kb(gzipped: 1.70kb)，...
閱讀 3539·2023-04-25 20:09
閱讀 3740·2022-06-28 19:00
閱讀 3061·2022-06-28 19:00
閱讀 3082·2022-06-28 19:00
閱讀 3175·2022-06-28 19:00
閱讀 2881·2022-06-28 19:00
閱讀 3049·2022-06-28 19:00
閱讀 2638·2022-06-28 19:00
