[BUG] Fetching favicon fails at runtime(404 Error)

[yashchaudhari008]

Issue: Currently, while fetching the favicon if any error occurs there is no fallback favicon. Also fallback src doesn't work as this fails at runtime

Possible Solution: handle this in onerror attribute of <img /> tag. Also try to use chrome://favicon for fetching favicon.

[yashchaudhari008]

Approach: handling fallbacks in onError
Problem: API used for fetching favicon return fallbacks by itself and therefore onError is never triggered even when we get a 404 response

[MRodriguez-M]

Hi, I would like to take a look at this issue too, could you please assign it to me?

[yashchaudhari008]

@MRodriguez-M you can look for the solution. If you find any, let me know here first

[meetbhalodi11]

@yashchaudhari008 I would like to try this as I have worked on similar issues in past

[meetbhalodi11]

@yashchaudhari008 I have tried 1 solution that did not work. The reason is that even if we try to fetch the icon from API, it will be rejected by the servers due to CORS policy.
1, so alternatively we will have to use a backend server to fetch the icon from the server which is I guess not feasible.
2, or we can create a cloud function to fetch the icons and use it in the frontend.

[meetbhalodi11]

We can also use CORS mask services like this -> https://cors.sh/
They also provide open source quota requests per month

[yashchaudhari008]

Can you check whether it is possible to get favicons from Chrome cached favicons

[meetbhalodi11]

Favicon storage varies by OS. Storage path are also different: Link