How to get favicon's URL from a generic webpage in Javascript? [closed]

Question

I need a way to get the favicon's URL from a generic webpage considering that the favicon is not always at the base url.

P.s. without using an external service or library.

Answer 1

For people still not getting the favicon with above codes;

1. Most browsers support getting the favicon by sending a request (/favicon.ico) themselves, instead of in the html.

2. Another solution is provided by Google.

   To get the favicon for a domain, use:
   https://s2.googleusercontent.com/s2/favicons?domain=www.stackoverflow.com

   To get the favicon for an URL, use:
   https://s2.googleusercontent.com/s2/favicons?domain_url=https://www.stackoverflow.com

Answer 2

This seems to work:

var getFavicon = function(){     var favicon = undefined;     var nodeList = document.getElementsByTagName("link");     for (var i = 0; i < nodeList.length; i++)     {         if((nodeList[i].getAttribute("rel") == "icon")||(nodeList[i].getAttribute("rel") == "shortcut icon"))         {             favicon = nodeList[i].getAttribute("href");         }     }     return favicon;         }  alert(getFavicon());​ 

Or have a look at http://jsfiddle.net/PBpgY/3/ for an online example.