asp.net-mvc – 使用像Stackoverflow这样的查询字符串版本化CSS

发布时间：2020-12-16 00:31:26 所属栏目：asp.Net 来源：网络整理

导读：参见英文答案 What does ‘?’ do in a Css link? 如果你看看Stackoverflow.com的来源，你会看到他们的css文件的引用是： link href="/Content/all.min.css?v=2383" rel="stylesheet" type="text/css" / 这样做如何可以通过查询字符串传递一个版本，并提供正

参见英文答案 > What does ‘?’ do in a Css link?
如果你看看Stackoverflow.com的来源，你会看到他们的css文件的引用是：

<link href="/Content/all.min.css?v=2383" rel="stylesheet" type="text/css" />

这样做如何可以通过查询字符串传递一个版本，并提供正确的CSS文件？

解决方法

This (PHP example)文章解释一下你背后的想法。基本上，您可以发现上次修改文件的时间戳。这样，每当您更改CSS时，查询字符串将会更改，“强制”浏览器下载新版本。这对于CSS和JS文件都是有效的。

ASP.NET示例是这样的：

public static string GetBreaker(string fileName)
{
    string cacheBreaker = null;
    try
    {
        if (fileName.StartsWith("~"))
        {
            fileName = Path.Combine(AppDomain.CurrentDomain.BaseDirectory,fileName.Remove(0));
        }
        cacheBreaker = File.GetLastWriteTime(fileName).ToFileTime().ToString();
    }
    catch { }

    return string.IsNullOrEmpty(cacheBreaker) ? string.Empty : string.Format("?cachebreaker={0}",cacheBreaker);
}

并且您以这种方式在您的MasterPage中调用此方法：

<link href="<%= this.ResolveClientUrl("~/CSS/style.css") %><%=CacheBreaker.GetBreaker("~/CSS/style.css") %>"
            rel="stylesheet" type="text/css" />

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!