代码：/Files/zhuqil/CSSInclude.zip
你是不是非常的讨厌，当发布一些新的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以及它的版本，
/// 如果文件已经改变，能让浏览器在页面刷新的时候,能获得的最新版本
/// 获取一个url以及它的版本，
/// 如果文件已经改变，能让浏览器在页面刷新的时候,能获得的最新版本
/// </summary>
/// <returns></returns>
private string GetIncludeUrlWithVersion()
{
string url = string.Empty;
string version = "1";
throw new ArgumentException("The cacheKey must have a value.");
{
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;
}
/// <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://www.codeproject.com/KB/aspnet/PreventStylesheetCaching.aspx