检测响应式网站图标的网站图标尺寸答案

【问题标题】：Detecting Favicon Dimensions for Responsive Favicons检测响应式网站图标的网站图标尺寸
【发布时间】：2012-04-20 18:39:48
【问题描述】：

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

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

【问题讨论】：

Prolly 对 OP 没有帮助，但我觉得响应式网站图标的想法太过分了，抱歉。
这适用于显示徽章编号或 Google 日历显示当前日期的方式等应用。重点是决定某些动态展示是否可行。

标签： javascript favicon responsive-design

【解决方案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);
};

【讨论】：

已接受，这里可能是最先进的：D。