强制浏览器获取asp.net应用程序中最新的js和css文件

有些浏览器会缓存 js 和 css 文件，除非您强制刷新，否则无法刷新它们。最简单的方法是什么。

我刚刚实施了这个似乎有效的解决方案。

在页面上声明版本变量

  public string version { get; set; }

从 web.config 键获取版本号

 version = ConfigurationManager.AppSettings["versionNumber"];

在您的 aspx 页面中，像这样调用 javascript 和样式表

<script src="scripts/myjavascript.js?v=<%=version %>" type="text/javascript"></script>
<link href="styles/mystyle.css?v=<%=version %>" rel="stylesheet" type="text/css" />

因此，如果您在 web.config 中将版本从 1.0 设置为 1.1，您的浏览器将下载最新的文件，这有望为您和您的用户节省一些麻烦。

是否有其他效果更好的解决方案，或者这会给网站带来任何不可预见的问题？

我通过将上次修改的时间戳作为查询参数添加到脚本中解决了这个问题。

我使用扩展方法来完成此操作，并在我的 CSHTML 文件中使用它。Note:此实现将时间戳缓存 1 分钟，因此我们不会对磁盘​​造成太大影响。

这是扩展方法：

public static class JavascriptExtension {
    public static MvcHtmlString IncludeVersionedJs(this HtmlHelper helper, string filename) {
        string version = GetVersion(helper, filename);
        return MvcHtmlString.Create("<script type='text/javascript' src='" + filename + version + "'></script>");
    }

    private static string GetVersion(this HtmlHelper helper, string filename)
    {
        var context = helper.ViewContext.RequestContext.HttpContext;

        if (context.Cache[filename] == null)
        {
            var physicalPath = context.Server.MapPath(filename);
            var version = $"?v={new System.IO.FileInfo(physicalPath).LastWriteTime.ToString("MMddHHmmss")}";
            context.Cache.Add(filename, version, null,
              DateTime.Now.AddMinutes(5), TimeSpan.Zero,
              CacheItemPriority.Normal, null);
            return version;
        }
        else
        {
            return context.Cache[filename] as string;
        }
    }
}

然后在CSHTML页面中：

 @Html.IncludeVersionedJs("/MyJavascriptFile.js")

在呈现的 HTML 中，这显示为：

 <script type='text/javascript' src='/MyJavascriptFile.js?20111129120000'></script>