Javascript Favicon(“amazon.de”); addFavicon(“microsoft.com”); addFavicon(“apple.com”); addFavicon(“googlesource.com”); addFavicon(“android.
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+”); } }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
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>