HBTech's Blog
用最简单的方法获取一个网站的 Favicon 图

主题自带了一个友情链接模版,在网站链接前面会输出一个该网站的 Favicon 图。如果某个网站没有 favicon.ico ,即访问出现404,就会设置成一个 WordPress 的图标。

结果仔细一看,大多数网站访问都出现了 404 。跑去看源码,发现输出这个 favicon 的链接的过程大致如下:

读取链接→在链接后面加上 “/favicon.ico” →输出

Excuses me??? 坑人啊这是……假使我设置了一个链接是文章链接,比如 https://hbtech.ml/xxx.html ,如果按照上面的过程得到的链接就是 https://hbtech.ml/xxx.html/favicon.ico ……

所以这样子访问当然是 404 ……

于是我 Google 了一下,发现 Google 已经有了获取 favicon 图的 API ,非常简单,直接访问 https://www.google.com/s2/favicons?domain=要获取的网址 即可!

此方法适用于我上面所说特殊情况的网址,简单易用!

然而大陆国情大家都知道,访问 Google 需要自带梯子,突然想起前几天搞了个 Google 反代,用的正是时候!把 google.com 改为 g.hbtech.ml 即可!

故链接为 https://g.hbtech.ml/s2/favicons?domain=要获取的网址

来试一下:

https://g.hbtech.ml/s2/favicons?domain=https://hbtech.ml/792.htmlhttps://g.hbtech.ml/s2/favicons?domain=https://hbtech.ml/792.html

https://g.hbtech.ml/s2/favicons?domain=http://alpaca.kimhttps://g.hbtech.ml/s2/favicons?domain=http://alpaca.kim

HBTech's Blog

用最简单的方法获取一个网站的 Favicon 图
主题自带了一个友情链接模版,在网站链接前面会输出一个该网站的 Favicon 图。如果某个网站没有 favicon.ico ,即访问出现404,就会设置成一个 WordPress 的图标。 结果仔细一看,大多数…
扫描二维码继续阅读
2016-08-02