Chrome developer tools showing favicon 404 error in LivePreview brackets

I've just started making Anthony Alicea " Javascript: Understanding the Weird Parts " and he uses the parenthesized preview feature to showcase his code. The first module is a barebones HTML page with a script tag associated with an empty JS file. When I open this bracketed page and run live preview, Dev Tools complains that the favicon file is missing.

Favicon error in Chrome Developer Tools

I know this is a small bug, but it's annoying: I need a clean console when I work on the code examples for the course. I'm not sure if the brackets are doing this or the Dev tools that do this. Is there a way to silence the error that doesn't involve adding a dummy icon to each section code folder?

+3


source to share


3 answers


Basically the way browsers work is they try to search for favicon.ico in the root folder if no meta tags are specified.



There is a simple solution to filter it out, but it will remove any network related errors from the console (but you can of course see them in the Networking tab). Click on the filter icon (the one that looks like a funnel next to <top frame>

in the console window, then check "Hide network messages" and you should be fine.

+4


source


To solve this error, just add this link to:



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

      

+11


source


Just add any file favicon.ico

to your root folder. Same as picture:

enter image description here

-1


source







All Articles