반응 형 Favicon의 Favicon 크기 감지

Question

Favicon은 16x16, 32x32, 48x48, 64x64 중 하나로 렌더링 될 수 있습니다.

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