开发者社区> 技术mix呢> 正文

超级简单:防止样式缓存

简介:
+关注继续查看

代码:/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层级小技巧:在滚动时自动添加头部阴影
25 0
【小程序】wxss与rpx单位以及全局样式和局部样式
【小程序】wxss与rpx单位以及全局样式和局部样式
44 0
html+css实战130-版心和清除样式
html+css实战130-版心和清除样式
113 0
CSS样式中选择器失效问题
对于怎么排查样式失效:    1. 学会使用小程序开发者工具提供的小程序调试工具和Chrome调试工具来排查原因(这会很大程度上减少排查问题的    时间);    2. 首先需要确认标签有可能使用什么来作为样式选择器,最常用的是标签、class、id,确认是否设置了相应的属性;    3.
1368 0
css隐藏内容样式方法(自适应页面常用)
H5自适应网站制作时经常会遇到的一个问题,电脑端页面缩小到手机端页面内后发现有些栏目,有些图片太大或者影响美观,那么这个问题在吗解决呢? 手机端最典型的就是iphoenplus最大宽度是414目前市场上占有率最大的大屏手机也差不多是这样,所以就可以写成当屏幕尺寸小于414px的时候屏幕下面所有的样式,为了不产生屏幕大小不一产生不同的样式错乱,所以这里建议写到480px,这样就囊括了基本上所有的手机屏幕了。
1164 0
字体加载策略全面指南
本文讲的是字体加载策略全面指南,这份指南并不是教你怎么使用显示图标字体,它有不同的加载优先顺序和使用场景。事实上,此时使用 SVG 或许才是一个长久之计。
1531 0
+关注
技术mix呢
文章
问答
视频
文章排行榜
最热
最新
相关电子书
更多
高性能Web架构之缓存体系
立即下载
低代码开发师(初级)实战教程
立即下载
阿里巴巴DevOps 最佳实践手册
立即下载