即使该链接存在，烧瓶图标也无法在Chrome上加载

Question

我正在尝试在我的Flask页面上放置一个收藏夹图标。当我在IE上尝试时，它可以工作，但是当我在Chrome（这是我的常用浏览器）上尝试时，它不会加载。 但是，如果我转到static / favicon.ico，则会加载图像。这是我的HTML代码：

<link rel="shortcut icon" href="{{ url_for('static', filename='favicon.ico') }}">

我曾尝试清除缓存，但没有任何变化。问题是什么？

Answer 1

要探索：

• 缓存问题。有时清除缓存不足以摆脱旧的图标状态。换句话说，Chrome可能会记住您的图标在5分钟前无法正常工作，因此即使您在一分钟前修复了图标，它也不会重试加载。使用“开发工具”的“网络”标签，确保Chrome正在加载您的图标。
• 控制台中的错误。尽管不太可能，因为它可以与其他浏览器一起使用，但是图像URL或其他内容可能存在问题。检查控制台是个好习惯。
• 正文链接。已知WebKit一旦遇到仅head的标记（例如body），就会认为div已关闭。并且，如果错误的标记后面是仅head的标记（例如link），则将忽略这些标记。要检查这一点，请使用DevTools检查元素并确保您可以找到图标link标记。如果它不存在，而明显存在于HTML中，则可能是问题所在。

Answer 2

我有同样的问题。但是，如果您经过documentation，它显然会说要在头上添加以下行：

<link rel="shortcut icon" href="{{ url_for('static', filename='favicon.ico') }}">

然后将favicon.ico文件放在静态目录中。立即为我工作正常。