超级简单:防止样式缓存

简介:

代码:/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,如需转载请自行联系原作者

相关文章
|
2月前
|
存储 缓存 监控
网站的图片资源是否需要设置缓存?
【10月更文挑战第18天】网站的图片资源一般是需要设置缓存的,但要根据图片的具体特点和网站的需求,合理设置缓存时间和缓存策略,在提高网站性能和用户体验的同时,确保用户能够获取到准确、及时的图片信息。
|
3月前
|
前端开发 JavaScript
CSS样式穿透技巧:利用scoped与deep实现前端组件样式隔离与穿透
CSS样式穿透技巧:利用scoped与deep实现前端组件样式隔离与穿透
393 1
|
5月前
|
缓存 前端开发
动态样式去哪儿了?
动态样式去哪儿了?
|
5月前
|
存储 前端开发 UED
动态样式问题之客户端进行样式复用如何解决
动态样式问题之客户端进行样式复用如何解决
33 0
|
7月前
layui裁剪组件easyCropper使用样式错乱问题
layui裁剪组件easyCropper使用样式错乱问题
49 0
|
前端开发
CSS层级小技巧:在滚动时自动添加头部阴影
CSS层级小技巧:在滚动时自动添加头部阴影
257 0
CSS层级小技巧:在滚动时自动添加头部阴影
|
前端开发
css 修改默认滚动条的样式 小工具
css 修改默认滚动条的样式 小工具
css 修改默认滚动条的样式 小工具
|
前端开发
css 样式穿透(深度样式选择器)的使用
css 样式穿透(深度样式选择器)的使用
css 样式穿透(深度样式选择器)的使用
|
前端开发
清除css默认样式
清除css默认样式
136 0
|
前端开发
vue-全局less-随机色-预处理器-样式穿透
最近用到less使用全局的 公共样式发现出了点问题 记录如下 有些错误解决后找不到记录了... 这块引入有问题的,先按照步骤操作一遍 看看 版本 和 插件是否安装 基本就能解决问题了
438 0
vue-全局less-随机色-预处理器-样式穿透