Browsers won't reflect changes made in html file

Question

I am developing a web site and just ran into a very disturbing problem. My code won't refresh in any browser, meaning not just Internet Explorer but also Google Chrome and Firefox.

The thing is, in a previous version of the HTML file, I have had a div with a link in it (<a href="">Send request</a>). Today, I have changed that link into a paragraph (<p>Send request<p>).

When I load my page, it still displays the link. When I commented out the paragraph and reloaded the page, there was no link and my paragraph was checked out. I checked the source file in Chrome and yes, the source file is correct. However, the browser still displays a link that doesn't exist, and deleting the browser history didn't help.

Any ideas?

Answer 1

You can try out the following

1. Clear the cache of the browser.
2. Do a clean build of the Webapp

OR

Open the Browser in InCognito or Private Browsing Mode

OR

Try to put a meta tag in your HTML

 <meta http-equiv="pragma" content="no-cache" />

Answer 2

The problem might be due to your Browser caching the HTML Page. This problem may be avoided by -

• Clearing the Cache of your Browser

• Try using a false query such as mypage.html?random=6 This method cause the browser to reload he page entirely on a GET request.

• Use meta tags as below

  <meta http-equiv="pragma" content="no-cache" />
  

  This sometimes is accompanied by another meta in addition as follows

  <meta http-equiv="expires" content="-1" />
  

  It has been observed that sometimes both the above tags are ignored in IE. The suggested workaround is to use the tag twice, i.e. at start as well end of page. This is due to reason because first a 64K buffer is filled by browser on page load. if the buffer is not filled, the "pragma" is simply ignored. Placing this at end of document facilitates no-caching.