• 超级简单:防止样式缓存


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

    代码
    /// <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



    (全文完)


    以下为广告部分

    您部署的HTTPS网站安全吗?

    如果您想看下您的网站HTTPS部署的是否安全,花1分钟时间来 myssl.com 检测以下吧。让您的HTTPS网站变得更安全!

    SSL检测评估

    快速了解HTTPS网站安全情况。

    安全评级(A+、A、A-...)、行业合规检测、证书信息查看、证书链信息以及补完、服务器套件信息、证书兼容性检测等。

    SSL证书工具

    安装部署SSL证书变得更方便。

    SSL证书内容查看、SSL证书格式转换、CSR在线生成、SSL私钥加解密、CAA检测等。

    SSL漏洞检测

    让服务器远离SSL证书漏洞侵扰

    TLS ROBOT漏洞检测、心血漏洞检测、FREAK Attack漏洞检测、SSL Poodle漏洞检测、CCS注入漏洞检测。

  • 相关阅读:
    笨办法06字符串(string)和文本
    react学习之路-配制antd-mobile
    react.js学习之路六
    bug
    react.js学习之路五
    react.js学习之路四
    react.js学习之路三
    react.js学习之路二
    react.js学习之路一
    MVC,MVP 和 MVVM 的区别之处
  • 原文地址:https://www.cnblogs.com/zhuqil/p/PreventStylesheetCaching.html
Copyright © 2020-2023  润新知