超级简单:防止样式缓存

代码:/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样式表。下面是用来获取文件的版本信息的代码:

09124656_SCKh.gif 代码
///   <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


原文链接: http://www.cnblogs.com/zhuqil/archive/2010/01/21/PreventStylesheetCaching.html

转载于:https://my.oschina.net/chen106106/blog/43205

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值