Javascript Favicon(“amazon.de”); addFavicon(“microsoft.com”); addFavicon(“apple.com”); addFavicon(“googlesource.com”); addFavicon(“android.

Javascript Favicon(“amazon.de”); addFavicon(“microsoft.com”); addFavicon(“apple.com”); addFavicon(“googlesource.com”); addFavicon(“android.,javascript,favicon,Javascript,Favicon,Favicon(“amazon.de”); addFavicon(“microsoft.com”); addFavicon(“apple.com”); addFavicon(“googlesource.com”); addFavicon(“android.googlesource.com”); addFavicon(“firebase.google.com”); addFavicon(“play.google.com”); addFavicon(“google.com”); addFavicon

Favicon(“amazon.de”); addFavicon(“microsoft.com”); addFavicon(“apple.com”); addFavicon(“googlesource.com”); addFavicon(“android.googlesource.com”); addFavicon(“firebase.google.com”); addFavicon(“play.google.com”); addFavicon(“google.com”); addFavicon(“TeamMediaPortal.com”); addFavicon(“caseking.de”); addFavicon(“developer.mozilla.org”); addFavicon(“theguardian.com”); addFavicon(“利基美容网”); addFavicon(“octobre editions.com”); addFavicon(“dw.com”); addFavicon(“douglas.com”); addFavicon(“douglas.de”); addFavicon(“www.sncf.fr”); addFavicon(“paris.fr”); addFavicon(“bahn.de”); addFavicon(“hopfuly.that.domain.does.not.exists.nowaythisisavaliddomain.fart”); }); /** * */ 函数addFavicon(aDomain) { var a=document.createElement(“a”); a、 href=“http://”+aDomain; //a、 style.display=“block”; var div=document.createElement(“div”); div.innerText=aDomain; div.style.verticalAlign=“中间”; div.style.display=“内联块”; var img=document.createElement(“img”); img.className=“link favicon”; img.style.width=“16px”; img.style.height=“16px”; img.style.verticalAlign=“中间”; img.style.display=“内联块”; img.style.marginRight=“4px”; a、 预处理(img); a、 儿童组;; 文件.正文.附件(a); document.body.appendChild(document.createElement(“p”)); const conf=主机名[aDomain] 如果(conf==null) { img.src=kdefaulture+aDomain; } 其他的 { img.src=conf.url; img.style.filter=“反转(“+conf.invert+”); } }
ICO格式可以有多个大小不同的图像,Google的S2只提供16x16的图像(最常用的一个)。Google共享的内容已经离线。该解决方案截至2014年11月17日仍在使用中2014年7月工作2018年6月工作2020年6月工作很好。。为我节省了一些时间GitHub还提供了自己的favicon服务=>@samdd如何从该服务获取实际的.png或.jpg图像,我正在检查页面,但没有where.jpt或.png:)@GOXR3PLUS您不能;github只是将其代理用于其服务中。我怀疑他们是否希望人们使用它,但它永远不会起作用。仅供参考,Grabicon是一项付费(免费试用)服务。@SeanO谢谢,球门柱总是随着免费服务而改变。嗨,我是Grabicon的创建者。事实上,要保持它的可靠性、可用性和免费性是不可能的。它现在使用免费试用模式。从好的方面来说,它现在是稳定的,不会去任何地方。服务是付费的。从9美元/月开始,它不再存在了吗?
http://www.google.com/s2/favicons?domain=www.domain.com
http://query.yahooapis.com/v1/public/yql?q=select%20*%20from%20html%20where%20url%3D"http://bbc.co.uk/"and%20xpath%3D"/html/head/link[@rel%3D'icon']%20|%20/html/head/link[@rel%3D'ICON']%20|%20/html/head/link[@rel%3D'shortcut%20icon']%20|%20/html/head/link[@rel%3D'SHORTCUT%20ICON']"&format=json&callback=grab http://developer.yahoo.com/yql/console/#h=select%20*%20from%20html%20where%20url%3D%22http%3A//bbc.co.uk/%22and%20xpath%3D%22/html/head/link%5B@rel%3D%27icon%27%5D%20%7C%20/html/head/link%5B@rel%3D%27ICON%27%5D%20%7C%20/html/head/link%5B@rel%3D%27shortcut%20icon%27%5D%20%7C%20/html/head/link%5B@rel%3D%27SHORTCUT%20ICON%27%5D%22
<!-- Free --> 
<img height="16" width="16" src='http://www.google.com/s2/favicons?domain=www.edocuments.co.uk' />
<!-- Paid -->
<img height="16" width="16" src='http://grabicon.com/edocuments.co.uk' />
http://grabicon.com/icon?domain=microsoft.com
<!DOCTYPE html>
<html>
<body style="background-color:grey;">
<script type="text/javascript">

const KRequestFaviconGitHub = 'https://favicons.githubusercontent.com/';
const KRequestFaviconGoogle = 'https://www.google.com/s2/favicons?domain=';

const KDefaultUrl = KRequestFaviconGoogle;

// We rely on pre-defined hostname configurations
const hostnames = {
    "stackoverflow.com": { url:KRequestFaviconGoogle+"stackoverflow.com", invert:0 },
    "theregister.co.uk": { url:KRequestFaviconGoogle+"theregister.co.uk", invert:1 },
    "github.com": { url:KRequestFaviconGitHub+"github.com", invert:1 },
    "android.googlesource.com": { url:KRequestFaviconGoogle+"googlesource.com", invert:0 },
    "developer.android.com": { url:KRequestFaviconGitHub+"developer.android.com", invert:0 }
};

document.addEventListener('DOMContentLoaded', function(event) {

    addFavicon("stackoverflow.com");
    addFavicon("bbc.co.uk");
    addFavicon("github.com");
    addFavicon("theregister.co.uk");
    addFavicon("developer.android.com");
    addFavicon("android-doc.github.io");
    addFavicon("slions.net");
    addFavicon("alternate.de");
    addFavicon("amazon.de");
    addFavicon("microsoft.com");
    addFavicon("apple.com");
    addFavicon("googlesource.com");
    addFavicon("android.googlesource.com");
    addFavicon("firebase.google.com");
    addFavicon("play.google.com");
    addFavicon("google.com");
    addFavicon("team-mediaportal.com");
    addFavicon("caseking.de");
    addFavicon("developer.mozilla.org");
    addFavicon("theguardian.com");
    addFavicon("niche-beauty.com");
    addFavicon("octobre-editions.com");
    addFavicon("dw.com");
    addFavicon("douglas.com");
    addFavicon("douglas.de");
    addFavicon("www.sncf.fr");
    addFavicon("paris.fr");
    addFavicon("bahn.de");
    addFavicon("hopfully.that.domain.does.not.exists.nowaythisisavaliddomain.fart");

});

/**
*
*/
function addFavicon(aDomain)
{
    var a = document.createElement("a");
    a.href = "http://" + aDomain;
    //a.style.display = "block";
    var div = document.createElement("div");
    div.innerText = aDomain;
    div.style.verticalAlign = "middle";
    div.style.display = "inline-block";
    var img = document.createElement("img");
    img.className = "link-favicon";
    img.style.width = "16px";
    img.style.height = "16px";
    img.style.verticalAlign = "middle";
    img.style.display = "inline-block";
    img.style.marginRight = "4px";
    a.prepend(img);
    a.appendChild(div);
    document.body.appendChild(a);
    document.body.appendChild(document.createElement("p"));

    const conf = hostnames[aDomain]
    if (conf==null)
    {
        img.src = KDefaultUrl+aDomain;
    }
    else
    {
        img.src = conf.url;
        img.style.filter = "invert(" + conf.invert + ")";
    }
}
</script>
</body>
</html>