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

And*_*lly 6 debugging google-chrome developer-tools google-chrome-devtools adobe-brackets

我刚刚开始做Anthony Alicea的" Javascript:理解怪异部分 "课程,他正在使用Brackets的实时预览功能来演示他的代码.第一个模块是一个准系统HTML页面,其脚本标记链接到一个空的JS文件.当我在Brackets中打开此页面并运行实时预览时,Dev Tools会抱怨缺少favicon文件.

Chrome开发者工具中的Favicon错误

我知道这是一个小错误,但它很烦人:当我正在研究课程的代码示例时,我想要一个干净的控制台.我不确定它是Brackets还是Dev Tools这样做.有没有什么办法可以让错误无法在每个部分的代码文件夹中添加一个虚拟的图标?

小智 23

要解决此错误,只需在以下位置添加此引用:

<link rel="icon" href="data:;base64,iVBORwOKGO=" />
Run Code Online (Sandbox Code Playgroud)

  • 很棒的工作.对于那些想知道的人来说,这是一个base64编码的图像.有关详情,请访问http://stackoverflow.com/questions/1207190/embedding-base64-images (3认同)

Kar*_*ren 5

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

虽然有一个简单的解决方案可以过滤它,但它会从控制台中删除任何与网络相关的错误(但您当然可以在网络选项卡中看到它).单击过滤器图标(<top frame>在控制台窗口旁边看起来像漏斗的那个图标,然后选中"隐藏网络消息",您应该没问题.