防止样式缓存

防止样式缓存2011-03-26 博客园朱祁林你是不是非常的讨厌，当发布一些新的css到你的网站的时候，客户端的浏览器没有下载到最新版本css，令网站看起来可怕？

本文通过一个简单的控件，迫使浏览器来检索最新版本的CSS。

从使用的角度来看，我们只需要从工具箱拖放一个控件，用户可以在设计时或运行时设置具体的属性。

以下是标记，能在您的ASP.NET Web窗体或用户控件中使用到：

<CWeb:CSSInclude ID="CSSInclude1" runat="server"   EnableViewState="false" HRef="~/css/base.css"  Rel="stylesheet"  Type="text/css" CacheKey="BaseCSS" />

控件支持的属性有：

HRef - 获取或设置产生的link元素css文件的href。

Rel - 获取或设置所产生的link元素的rel。

Type-获取或设置生成link元素的Type。

CacheKey -获取或设置高速缓key的名称，用于储存缓存CSS文件的版本信息。

控件创建一个基于最后写入该文件时间的一个日期戳。这个日期戳然后存储在缓存中，对CSS文件创建了缓存依赖。当文件改变，日期戳将发生变化，因此，客户端将获得最新的css样式表。下面是用来获取文件的版本信息的代码：

代码

/// <summary>
/// 获取一个url以及它的版本，
/// 如果文件已经改变，能让浏览器在页面刷新的时候,能获得的最新版本
/// </summary>
/// <returns></returns>
private string GetIncludeUrlWithVersion（）
{
     string url = string.Empty;
     string version = "1";
     if （string.IsNullOrEmpty（CacheKey））
         throw new ArgumentException（"The cacheKey must have a  value."）;
     if （Page.Cache[CacheKey] == null）
     {
         FileInfo fileInfo = new FileInfo（Page.Server.MapPath （HRef））;
         if （fileInfo.Exists）
         {
             version = fileInfo.LastWriteTime.ToString （"ddMMyyyyhhmmss"）;
             CacheDependency cacheDependency = new  CacheDependency（fileInfo.FullName）;
             Page.Cache.Insert（CacheKey, version,  cacheDependency,）;
         }
     }
     else
         version = Page.Cache[CacheKey] as string;
     return ResolveUrl（HRef） + "？v=" + version;
}

同样的技术也可以用于脚本中，迫使浏览器下载最新版本js文件。通过设置客户端浏览器，和IIS，或者通过添加自定义头到response，缓存问题也能被防止。我在这里所描述的技术只是用另一种实现方式得到相同的结果：）。

出处：http://zhuqil.cnblogs.com