代码改变世界

防止样式缓存

2010-05-18 10:21  xiaosuo  阅读(555)  评论(1编辑  收藏  举报

   你是不是非常的讨厌,当发布一些新的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