Google chrome Chrome开发者工具在LivePreview中显示favicon 404错误

我刚刚开始学习Anthony Alicea的“”课程，他正在使用括号的实时预览功能演示他的代码。第一个模块是一个基本的HTML页面，带有链接到空JS文件的脚本标记。当我在括号中打开此页面并运行live预览时，开发工具会抱怨favicon文件丢失

---

我知道这是一个小错误，但它很烦人：当我在学习本课程的代码示例时，我想要一个干净的控制台。我不确定是括号还是开发工具在做这件事。是否有任何方法可以消除不涉及将虚拟favicon添加到每个节的代码文件夹中的错误？

这基本上就是浏览器的工作方式，如果meta标记中没有指定favicon.ico，它们会尝试在根文件夹中查找favicon.ico

---

虽然有一个简单的解决方案可以过滤掉它，但它将从控制台中删除任何与网络相关的错误（当然，您仍然可以在“网络”选项卡中看到它）。单击“过滤器”图标（控制台窗口中

旁边看起来像漏斗的图标），然后选中“隐藏网络消息”，您应该会没事的。

要解决此错误，只需将此引用添加到：

<link rel="icon" href="data:;base64,iVBORwOKGO=" />

---

只需在根文件夹中添加任何

favicon.ico

文件。就像在图像中一样：

---

好的，谢谢-这是一个非常恼人的行为-我希望浏览器在没有找到默认favicon的情况下只显示其默认favicon。如果对任何人有用，StackExchange上其他地方的回答建议添加base64编码的空白favicon:。这主要是一个遗留问题。在互联网的黑暗时代（internet Explorer 5）有人认为在

/favicon.ico

上放一个favicon是个好主意，然后它就卡住了。它现在被广泛使用（因为它很简单，初学者喜欢简单的东西），以至于它会“断裂”如果浏览器删除了很多站点，那么它可能会永远存在。感谢您的背景！非常好的解决方法。对于那些想知道这是base64编码的图像的人来说，这是一个base64编码的图像。阅读更多关于呃…抱歉，但是“添加此参考”在哪里？