javascript - 如何防止浏览器缓存

Question

我正在开发 Facebook 应用程序。真正让我恼火的是，当我更改我的 CSS 样式表/添加 javascript 函数时，是随机的。浏览器根本不反射(reflect)更改。这真的很烦人，因为我永远看不到我刚刚所做的更改。

例如。我更改了我的 CSS 样式表，因此 img1 从 100px 移动到 50px。但是在 firfox/chrome 中，img 从来没有动过一点。

我在我的脚本之一中添加了一个 javascript 函数 a()。但是浏览器的控制台一直告诉我 a() 未定义。我已经检查了 10 次代码，没有错误。

有人能告诉我这里可能出现的问题是什么以及如何解决吗？

顺便说一句，我正在使用我的 mac 作为托管服务器

谢谢

Answer 1

您可以将时间戳或其他唯一字符串添加到您不想缓存的文件的文件名中，无论是在实际文件名中还是作为 GET 参数:

<link rel="stylesheet" type="text/css" 
      href="http://cdn.sstatic.net/stackoverflow/all.css?v=4fd8a9d8937d">

根据您用于服务页面的服务器端语言，您可以执行如下操作:

PHP(使用 filemtime - 返回文件的修改时间):

<link rel="stylesheet" type="text/css" 
      href="http://cdn.sstatic.net/stackoverflow/your_css_file.css?v=<?php echo filemtime('/your_css_file.css'); ?>">

Ruby(使用 File.mtime 返回文件的修改时间):

<link rel="stylesheet" type="text/css" 
      href="http://cdn.sstatic.net/stackoverflow/your_css_file.css?v=<% print File.new("testfile").mtime.to_time.to_i('/your_css_file.css'); %>">

如果您使用文件的修改时间，您的用户只会在文件被修改后被迫再次下载该文件。