简介
fetch-favicon 是一个可以获取网站图标的 npm 包，它可以非常方便地获取任何网站的图标，并且支持获取多种尺寸的图标，同时它可以实现缓存机制，确保不会重复获取相同的图标，从而提高了网站的访问速度。
安装
在使用 fetch-favicon 之前，需要进行安装。
使用 npm 进行安装：
npm install fetch-favicon --save
使用
在安装完成之后，我们可以通过 require 的方式来引入 fetch-favicon 并使用它提供的 api。
示例
const fetchFavicon = require('fetch-favicon');
fetchFavicon('https://www.baidu.com').then(faviconUrl => {
console.log(faviconUrl);
});参数
fetchFavicon 函数接受一个参数 url，这个 url 表示需要获取图标的网站。
返回值
fetchFavicon 返回一个 Promise，这个 Promise 将会在获取到网站图标之后被 resolve，返回值是图标文件的 url 地址。
错误处理
当获取网站图标发生错误的时候，Promise 将会被 reject，并且会输出错误信息。
缓存机制
fetch-favicon 具有缓存机制，当你多次获取同一个网站的图标时，它只会获取一次，并将图标缓存到本地，当再次需要获取同一个网站的图标时，它会直接从缓存中读取，从而提高了网站的访问速度。
支持的图标尺寸
fetch-favicon 支持获取多种尺寸的网站图标，默认情况下它会获取 16px 和 32px 两种尺寸。
同时，我们也可以通过传入一个 options 对象来指定希望获取的尺寸。
示例代码：
const fetchFavicon = require('fetch-favicon');
fetchFavicon('https://www.baidu.com', { size: '48' });这段代码将会尝试获取一个 48px 大小的图标。
总结
fetch-favicon 是一个简单易用的 npm 包，它可以帮助我们方便地获取任何网站的图标，并且支持多种尺寸的图标，拥有缓存机制，从而提高了网站的访问速度。学习使用 fetch-favicon 这个 npm 包对于前端工程师来说是非常有帮助的。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005540081e8991b448d1597