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

Question

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

出于 dynamic favicons 的目的，我想知道是否有一种方法可以检测网站图标尺寸，或者至少有一个显示哪些浏览器正在使用哪些尺寸的引用。谷歌对此一无所知。

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);
};