title: Prevent Chrome from caching my Website
body: <p>I am hosting a website (Apache) and as I am making changes often in the contents, I would like to prevent browsers to cache it. </p>
  
  <p>This is my <code>&lt;head&gt;</code> field in some of my HTML files (the ones that change often).</p>
  
  <pre><code>&lt;head&gt;
    &lt;meta http-equiv="Content-Language" content="en-gb"&gt;
    &lt;meta http-equiv="Content-Type" content="text/html; charset=windows-1252"&gt;
    &lt;meta name="description" content="..."&gt;
    &lt;meta name="keywords" content="..."&gt;
    &lt;link rel="stylesheet" type="text/css" href="styles/sitestyle.css" media="screen" /&gt;
  
  
    &lt;title&gt; ... &lt;/title&gt;
  
    &lt;meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate"/&gt;
    &lt;meta http-equiv="Pragma" content="no-cache"/&gt;
    &lt;meta http-equiv="Expires" content="0"/&gt;
  &lt;/head&gt;
  </code></pre>
  
  <p>Unfortunately this doesn't work, as Chrome continues to cache the website. But also the weird thing that happens is that even when I clear the cache of the browser, it still appears as the old version of the website.</p>
  
  <p>The files I changed and uploaded were the correct ones, and I know that because when I open the website from an incognito window, the changes appear normally!</p>
  
  <p>I also tried including this piece of code in the <code>.htaccess</code> file, but that still didn't work and resulted in the same weird thing where from Incognito I can see the changes, but not from Chrome with a cleared cache.</p>
  
  <pre><code>&lt;IfModule mod_headers.c&gt;
      Header set Cache-Control "no-cache, no-store, must-revalidate"
      Header set Pragma "no-cache"
      Header set Expires 0
  &lt;/IfModule&gt;
  </code></pre>
  
  <p>Anyone know why this happens?</p>
  
  <p>Thanks for any advice :) </p>