CODEWITHSUNDEEP
javascriptphphtml
Orpheus
Orpheus

Reputation: 767

How do I prevent caching on a website?

Within a website in development, we have it templated as a master page that contains the head of the webpage, then a header and body div that loads in content dynamically. Basically, I'm trying to prevent caching on all the pages loaded in dynamically.

Browsers would be IE8 onwards.

Upvotes: 0

Views: 125

Answers (2)

Tacticus
Tacticus

Reputation: 561

As you said you should only be doing that if the website is in development or the content really needs to be loaded fresh every time. Internet Explorer supports some meta tags that can do what you need, specifically 

<META HTTP-EQUIV="Pragma" CONTENT="no-cache">
<META HTTP-EQUIV="Expires" CONTENT="-1">

Click here for more information

If you ever want to test in firefox, you could try out this plugin

Upvotes: 3

J&#250;lio Gori Corradi
J&#250;lio Gori Corradi

Reputation: 55

If you are using Google Chrome to develop, there are an option that let you cache free when dev tools is open, but if you want a simple trick is just to pass a timestamp in a query string during your request. Something like:

http://localhost/path/to/project/?nocache=74567363

If you are using some framework that helps you to handle with the includes like AngularJS ou BackboneJS, make the redirects with:

var myUrl = 'http://localhost/path/to/project/?nocache=';
var timestamp = (new Date()).getTime();
window.location.href = myUrl + timestamp;

Upvotes: 0

Related Questions