title: How to stop chrome from caching
body: <p>I've searched the questions here pretty extensively, and have not been able to find any solution that solves what I am trying to accomplish. </p>
  
  <p>Simply put, I have one html page that I want to edit information on daily to update our dashboards around the office with someone's name. </p>
  
  <p>That page is here and I will refer to it as the <strong>sub-page</strong>: </p>
  
  <pre><code>&lt;table border="1" cellpadding="2" cellspacing="0" align="center" style="margin-left: 1.5%; width:98%;"&gt;
  &lt;tr&gt;
      &lt;td style="background-color:#ff9900;color:#000000;font-family:'Arial Bold', 'Arial';font-weight:700;font-size:24px; text-align:center; color:black" &gt;
      &lt;!-- Support - ext. 8599 - support@sensitive.com &lt;p style="font-size: 16px"id="date"&gt;&lt;/p&gt; --&gt;
        Sam - x8513 - &lt;p style="font-size: 16px"id="date"&gt;&lt;/p&gt;   
       &lt;!--  Nick - x8511 - &lt;p style="font-size: 16px"id="date"&gt;&lt;/p&gt; --&gt;
       &lt;!-- Ian - x8512 - &lt;p style="font-size: 16px"id="date"&gt;&lt;/p&gt; --&gt; 
      &lt;/td&gt;
  &lt;/tr&gt;
  &lt;/table&gt;
  &lt;script&gt;
      document.getElementById("date").innerHTML = Date();
  &lt;/script&gt;
  </code></pre>
  
  <p>This is obviously an incomplete page, it is being pulled in to another page (I will refer to as the <strong>master page</strong> as an iframe as follows: </p>
  
  <pre><code>&lt;div style="position: fixed; display:block; top:160px; bottom: 0; Left: 20%; Right: 20%; margin: auto; overflow: auto;"&gt;
  &lt;iframe src="http://sensitiveinfo.com/Service/ticketstatus/onduty.html" width="98%" height="98%" align="middle" frameborder="0"&gt;&lt;/iframe&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>The dilemma is, I need this page to auto refresh. What happens is, all the information contained in master page refreshes no problem but the code that is pulled from the sub page does not get updated. The other kicker--- this only happens sometimes. I update the page every morning and that's when I have problems with it refreshing. But when I force a hard refresh on the machine, it starts behaving normally. Troubling stuff. </p>
  
  <p>My refresh / no cache attempts that exist on the top of the master page: </p>
  
  <pre><code>&lt;meta http-equiv="X-UA-Compatible" content="IE=edge"/&gt;
  &lt;meta http-equiv="content-type" content="text/html; charset=utf-8"/&gt;
  &lt;meta http-equiv="cache-control" content="no-cache" /&gt;
  &lt;meta name="apple-mobile-web-app-capable" content="yes"/&gt;
  
  &lt;script language="JavaScript"&gt;
  var sURL = unescape(window.location.pathname);
  
  function doLoad()
  {
      // the timeout value should be the same as in the "refresh" meta-tag
      setTimeout( "refresh()", 300000 );
  }
  
  function refresh()
  {
      window.location.replace( sURL );
  }
  &lt;/script&gt;
  &lt;/head&gt;
  &lt;body onload="doLoad()"&gt;
  </code></pre>