Favicon Checker

做完一个网站,想确认一下网站图标(favicon)有没有正确配置好;或者好奇某个网站的图标文件放在哪个具体路径,这个工具输入网址,自动检测几个最常见的默认路径下有没有存在图标文件。

为什么只检测「常见路径」,不能读取网站真正配置的图标位置

网站页面的 HTML 源码里,通常会用一个特定的标签指定图标文件实际存放的路径,这个路径可以是任意自定义的位置,并不局限于根目录。但浏览器出于安全考虑,不允许网页脚本直接读取别的网站的页面源码内容(这是跨域访问限制),所以这个工具没办法真正解析出网站源码里指定的图标路径,只能退而求其次,尝试访问几个约定俗成、很多网站默认会用的图标存放位置,检测这些位置底下有没有实际存在图标文件。

检测结果显示「未找到」是不是就代表这个网站没有图标

不一定。如果一个网站把图标放在了不常见的自定义路径(而不是这几个默认位置),这个工具是检测不到的,会显示「未找到」,但实际上打开这个网站,浏览器标签页上依然能正常显示图标——因为浏览器本身是能读取网站源码里的真实配置的,只是这个工具作为一个独立的第三方网页,没有这个权限。所以这个工具的检测结果,更适合作为「常见配置方式排查」的参考,不能当作绝对准确的判断依据。

适合什么场景使用

自己做的网站上线前想确认图标有没有放在默认路径下、好奇某个常见网站的图标文件具体链接、快速获取某个网站图标文件用于收藏整理,这些场景都适合用这个工具。检测过程完全在浏览器本地完成,不需要服务器中转。