How to display favicon on offline webpages

Asked Apr 22 '18 at 17:14

Active Apr 22 '18 at 23:37

Viewed 1,084 times

I am programming a website and I want to include a favicon icon to display my website symbol in the browser tab. I try previous stack overflow solution for this but none of them work. My problem is different because it works for certain browsers but not Microsoft edge or internet explorer and deals with browser compatibility. My header code is below:

<head>
<!-- title  -->
<title> Wish List </title>

<!-- for compatiblity -->
<meta charset="UTF-8"> 
<meta name="viewport" content="width=device-width, initial-scale=1.0">

<!-- website icon -->
<link rel="icon" href="favicon.ico">

<!-- css files -->
<link rel="stylesheet" href="resources/list.css">
<link rel="stylesheet" href="resources/side.css">
<link rel="stylesheet" type="text/css" href="resources/modal.css">
</head>

edited Apr 22 '18 at 23:37

asked Apr 22 '18 at 17:14

Ryan

I just realize my favicon display in fire fox and chrome but not in my current browser Microsoft edge and it does not display in internet explorer. I would like to create a browser compatible website so, it will display in all browsers. – Ryan Apr 22 '18 at 17:27
Are you sure ie and edge are not caching the page with a missing favicon? – BlythMeister Apr 22 '18 at 17:51
I refresh and reload the browser multiple times. I do not think so. – Ryan Apr 22 '18 at 17:53
Are you doing hard or soft refresh? Also worth checking the internet options caching and force it to clear. IE can be a pain with its caching, it's way too aggressive for development – BlythMeister Apr 22 '18 at 17:58
How do I hard refresh? – Ryan Apr 22 '18 at 18:00
Using Ctrl+F5, or open the dev tools (F12) and refresh from there. – BlythMeister Apr 22 '18 at 18:14
Hard refresh did not work. – Ryan Apr 22 '18 at 18:15
Did you try clearing the internet explorer cache manually? It's in internet options. – BlythMeister Apr 22 '18 at 18:18
Deleting cache did not work either. – Ryan Apr 22 '18 at 18:21
Possible duplicate of [How to clear IE's favicon cache?](https://stackoverflow.com/questions/3970936/how-to-clear-ies-favicon-cache) – BlythMeister Apr 22 '18 at 18:29
It still does not work, I even tried the online stackoverflow favicon it only display on chrome and fire fox. – Ryan Apr 22 '18 at 18:38
Last idea...follow this site and it will generate you a set of images and html for favicon on all browsers...https://realfavicongenerator.net – BlythMeister Apr 22 '18 at 18:43
It does not work. – Ryan Apr 22 '18 at 18:55

How to display favicon on offline webpages

0 Answers0