Chrome Developer Tools shows favicon 404 error in Brackets LivePreview

google-chrome debugging google-chrome-devtools developer-tools adobe-brackets
And Finally picture And Finally · Jun 7, 2015 · Viewed 13.9k times · Source

I've just started doing Anthony Alicea's "Javascript: Understanding the Weird Parts" course, and he's using the live preview feature of Brackets to demo his code. The first module is a barebones HTML page with a script tag linking to an empty JS file. When I open this page in Brackets and run the live preview, Dev Tools complains the favicon file is missing.

Favicon error in Chrome Developer Tools

I know it's a minor error, but it's annoying: I'd like a clean console when I'm working through the code examples for the course. I'm not sure if it's Brackets or Dev Tools that's doing this. Is there any way I can silence the error that doesn't involve adding a dummy favicon to every section's code folder?

Answer

Vicente Fernández picture Vicente Fernández · Oct 21, 2015

To solve this error just add this reference in :

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

Related questions

How do you launch the JavaScript debugger in Google Chrome?

When using Google Chrome, I want to debug some JavaScript code. How can I do that?

Read More
Paused in debugger in chrome?

When debugging in chrome, the scripts are always paused in the debugger even if there are no break points set, and if the the pause is un-paused, it again pauses itself. What can be done?

Read More
How can I inspect element in chrome when right click is disabled?

I want to debug a info box that shows when I mouse over a google map marker. But google map disables right click anywhere on the map canvas, so I can't inspect the element for debugging / viewing purposes. I tried …

Read More