如何防止浏览器缓存

如何解决如何防止浏览器缓存

| 我正在做Facebook应用开发。真正让我烦恼的是，当我更改CSS样式表/添加javascript函数时，这是随机的。浏览器根本不反映更改。这真的很烦人，因为我永远看不到我所做的更改。 例如。我更改了CSS样式表，因此img1从100px移到了50px。但是在firfox / chrome中，img从未动摇。 我在我的一个脚本中添加了一个javascript函数a（）。但是浏览器的控制台不断告诉我a（）未定义。我已经检查了10次代码，没有错误。 有人可以告诉我这里可能出现的问题以及如何解决吗？ 我正在使用Mac作为托管服务器 谢谢     

解决方法

        您可以将时间戳或其他唯一字符串添加到您不想缓存的文件的文件名中，无论是在实际文件名中还是作为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\'); %>\">

如果您使用文件的修改时间，则仅当文件已被修改时，用户才被迫再次下载文件。     ,        当包含您的js / css文件时，请将时间戳记作为参数，应执行以下操作：

<link rel=\"stylesheet\" href=\"css/screen.css?<?php echo time(); ?>\" media=\"all\" 
type=\"text/css\" />