讨厌的浏览器缓存

浏览器出于性能考虑,对js/css一类的静态资源,并不是每次都向服务器询问此资源是否有更新,各位一定都有这样的经历:明明服务器上的脚本更新了,但抓包发现浏览器根本没有发请求询问,直接就使用了本地的缓存,结果导致蹦了脚本错误提示,非要F5甚至Ctrl+F5强制刷新一下才好。

专业成都网站建设公司,做排名好的好网站,排在同行前面,为您带来客户和效益!成都创新互联公司为您提供成都网站建设,五站合一网站设计制作,服务好的网站设计公司,成都做网站、网站制作负责任的成都网站制作公司!

页面我们可以强制浏览器不缓存,但资源不受我们控制,目前可行的方法就是加后缀,每次资源有更新时就变换这个后缀,让浏览器认为它是新资源。比如用版本号做后缀,这样:

  1.  
  2. 改为 
  3.  

不过缺点也是显而易见的,维护起来太麻烦了,很容易漏,除非你有合适的发布工具来干这件事。

换一个方法,用资源的最后更新时间做后缀,只要写一个公共方法就好了,以ASP.Net为例:

  1. "> 
  1. using System; 
  2. using System.IO; 
  3. using System.Web; 
  4.  
  5. namespace Test.WebUI 
  6.     public class UI 
  7.     { 
  8.         public static string Get(string url) 
  9.         { 
  10.             return string.Format("{0}?{1}", url, File.GetLastWriteTime(HttpContext.Current.Server.MapPath(url)).Ticks); 
  11.         } 
  12.     } 

这下终于解脱了。

 


分享名称:讨厌的浏览器缓存
转载来于:http://scyanting.com/article/ihhego.html