javascript - 检测响应式网站图标的网站图标尺寸

Question

网站图标可以呈现为 16x16、32x32、48x48、64x64 中的任何一个。

出于动态 favicons的目的，我想知道是否有一种方法可以检测 favicon 尺寸，或者至少是显示哪些浏览器正在使用哪些尺寸的参考。谷歌对此一无所知。

Answer 1

你的意思是得到图像的尺寸？尝试这样的事情

var el = document.querySelector('link[rel="shortcut icon"],link[rel="icon"]');
var url = el.href || "/favicon.ico"
var image = new Image();
image.src = url;
image.onload = function(){
    alert(image.width + " , " + image.height);
};