超级简单:防止样式缓存

简介:

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

代码

 

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

参考原文:http://www.codeproject.com/KB/aspnet/PreventStylesheetCaching.aspx








本文转自麒麟博客园博客,原文链接:http://www.cnblogs.com/zhuqil/archive/2010/01/21/PreventStylesheetCaching.html,如需转载请自行联系原作者

相关文章
|
前端开发
CSS层级小技巧:在滚动时自动添加头部阴影
CSS层级小技巧:在滚动时自动添加头部阴影
180 0
CSS层级小技巧:在滚动时自动添加头部阴影
|
前端开发
css 修改默认滚动条的样式 小工具
css 修改默认滚动条的样式 小工具
css 修改默认滚动条的样式 小工具
|
前端开发
css 样式穿透(深度样式选择器)的使用
css 样式穿透(深度样式选择器)的使用
css 样式穿透(深度样式选择器)的使用
|
前端开发
清除css默认样式
清除css默认样式
81 0
|
Web App开发 前端开发 JavaScript
学会一行CSS即可提升页面滚动性能
一般情况下 CSS 并不会影响 JS 事件,但有一个 CSS 属性则比较特殊.........
html+css实战130-版心和清除样式
html+css实战130-版心和清除样式
363 0
|
JavaScript 前端开发
vue中多行文字,多余的文字显示成...的css失效
vue中多行文字,多余的文字显示成...的css失效
320 0
vue中多行文字,多余的文字显示成...的css失效
|
前端开发 JavaScript 搜索推荐
带你玩转 ui 框架 ——scoped及样式穿透问题详解
带你玩转 ui 框架 ——scoped及样式穿透问题详解
带你玩转 ui 框架 ——scoped及样式穿透问题详解