定位图标位置答案

【问题标题】：Locating favicon location定位图标位置
【发布时间】：2013-12-18 17:14:37
【问题描述】：

The site 使用存储在根目录中的网站图标，但 https admin 部分使用的是旧网站图标，我不确定它来自哪里。

有谁知道找到网站图标网站资源的方法，即它们来自哪里？不安全的页面都使用相同的头部 CSS 并引用相同的 favicon，但管理员没有引用 favicon，所以我很困惑为什么它在这些页面上使用旧的。

【问题讨论】：

标签： html css

【解决方案1】：

如果站点根目录中没有 favicon.ico，则查看站点源代码并查找 <link rel="shortcut icon"/>。它应该有一个 href 属性。这会告诉你文件的位置。

【讨论】：

对不起，是的，我应该更准确 - 页面源在不安全的页面上看起来很正常，但安全的页面使用的是旧的 favicon，我不确定它来自哪里。现在实际上没有指定一个，因为我删除了新的，但它仍然显示旧的没有引用图标。
@user3025377 然后清除缓存。浏览器（至少是 Chrome）真的喜欢缓存它们。

【解决方案2】：

在您的网站上使用选择器document.querySelector("[rel='shortcut icon']") 获取元素：

<link rel="shortcut icon" href="http://www.inside-guides.co.uk/favicon1.ico" type="image/x-icon">

如果您想查看元素在 html 中的声明位置，可以使用大多数 javascript 控制台在 html 面板中显示该元素。在您的情况下，它已声明：

【讨论】：

【解决方案3】：

如果没有看到标签，大多数浏览器会在 /favicon.ico 中查找图标。

【讨论】：