关于调试:Chrome开发者工具在Brackets Live Preview中显示favicon 404错误

Chrome Developer Tools shows favicon 404 error in Brackets LivePreview

我刚开始做安东尼·艾丽西亚的"javascript:理解奇怪的部分"课程,他使用括号的实时预览功能来演示他的代码。第一个模块是一个准HTML页面,其中包含一个链接到空JS文件的脚本标记。当我用括号打开这个页面并运行实时预览时,开发工具会抱怨favicon文件丢失。

Favicon error in Chrome Developer Tools

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


要解决此错误,只需将此引用添加到:

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


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

不过,有一个简单的解决方案可以过滤掉它,但是它可以从控制台中删除任何与网络相关的错误(当然,您仍然可以在"网络"选项卡中看到它)。在控制台窗口中单击过滤器图标(看起来像旁边的漏斗),然后选中"隐藏网络消息",就可以了。


只需在根文件夹中添加任何favicon.ico文件即可。就像在图像中一样:

enter image description here