Search code examples
htmlgoogle-chromebrowser-cachecache-control

HTML page changes not showing in user's Chrome broswer


I have some simple HTML pages that are updated about weekly. I use Firefox myself, but my customer uses Chrome and he cannot see the revised content. There are users all over the world so I do not want to have to tell them that they must do specific changes in their browser or to manually clear the cache. I want for Chrome be able to pick up the revised HTML content that has been uploaded to the server.

I do version the files like this and change the version date for every change:

<link rel="stylesheet" href="css/styles.css?version=140821" media="screen" />

I also have the following, although I realize they may be obsolete, but may work for some browsers.

<meta http-equiv="CACHE-CONTROL" content="NO-CACHE">
<meta http-equiv="PRAGMA" content="NO-CACHE">

What else can I do IN THE HTML CODE to get my customers able to see the changed content without having to refresh on each page? What am I missing?

(I realize they may have to refresh once after I fix my code.)

Thanks!


Solution

  • try this

    <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
    <meta http-equiv="Pragma" content="no-cache" />
    <meta http-equiv="Expires" content="0" />