超级简单：防止样式缓存

你是不是非常的讨厌，当发布一些新的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://www.codeproject.com/KB/aspnet/PreventStylesheetCaching.aspx

（全文完）

以下为广告部分