如何防止浏览器加载旧源

Question

Edit : I don't know if it actually loads from cache , so I can't create the question named "prevent from loading cache".

Problem : Browsers sometimes save my code and keep loading only the code they saved(Maybe it saves in the cache). When this problem occurs, browser is like caching the old code and won't change anything. This is to say, It won't load any new code I updated.

Information : This occurs in HTML, CSS, Javascript on all browsers. I am using Apache in XAMPP as an appserv.

Deleting cache in all browsers won't fix this.

My first way to stop this is to delete the file, refresh browser and replace it. The second ways is changing the pathname.

After the fix, the problem will occur again at anytime :(, so I would like to know how to prevent this.

Edited: If possible, please explain for newbie because I am very young beginner.

Answer 1

尝试在其查询字符串中的每个网址中添加一个像当前时间戳这样的变量。

Answer 2

Just use querystring eg http://www.domain.com/style.css?version=1 for first version.

Now you update the stylesheet and you would like to reflact changes to all users browser who have cached version of old stylesheet. for this just change version querystring value to 1.1

e.g. http://www.domain.com/style.css?version=1.1

This works for javascript, css and all other files called in by your html page.

Also for all files like html, css, js, you can eTag header. More information can be found here.

http://www.w3.org/2005/MWI/BPWG/techs/CachingWithETag.html