구글 shortcut처럼 접속시 파비콘 추출하는법

Question

구글 shortcut처럼 특정 링크 들어가면 자동으로 그 사이트 파비콘 추출해서 넣고싶은데 어덯게하는건가요??

김현진 · Answer

웹 사이트의 파비콘은 소스코드에서 <link rel=icon href=...> 으로 정의되어 있습니다.
때문에 추출하고자 하는 사이트의 html에서 document.querySelector(link[rel*=icon])를 통해 얻을 수 있습니다.

다른 방법으로는 url에 https://www.naver.com/favicon.ico 이런 식으로 /favicon.ico를 붙이면 파비콘을 확인 할 수 있습니다.

또 다른 방법으로는 구글에서 제공하는 도메인을 사용하는 방법이 있습니다. https://s2.googleusercontent.com/s2/favicons?domain=www.naver.com