force browsers to get latest js and css files in asp.net application

by

I solved this by tacking a last modified timestamp as a query parameter to the scripts.

I did this with an extension method, and using it in my CSHTML files. Note: this implementation caches the timestamp for 1 minute so we don’t thrash the disk quite so much.

Here is the extension method:

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;
        }
    }
}

And then in the CSHTML page:

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

In the rendered HTML, this appears as:

 <script type="text/javascript" src="https://stackoverflow.com/MyJavascriptFile.js?20111129120000"></script>

More Related Contents:

  1. Passing dynamic javascript values using Url.action()
  2. How to append whole set of model to formdata and obtain it in MVC
  3. Call ASP.NET function from JavaScript?
  4. Difference between RegisterStartupScript and RegisterClientScriptBlock?
  5. How to call code behind server method from a client side JavaScript function?
  6. Accessing Asp.net controls using jquery (all options)
  7. Could not find a part of the path … bin\roslyn\csc.exe
  8. How to call a C# function from JavaScript?
  9. jQuery returning “parsererror” for ajax request
  10. C# Web method is not calling in javascript
  11. ASP.NET MVC Global Variables
  12. Passing data to Master Page in ASP.NET MVC
  13. Printing to a client printer from a web app
  14. How to set javascript variables using MVC4 with Razor
  15. How to fire a button click event from JavaScript in ASP.NET
  16. Visual Studio – Resx File default ‘internal’ to ‘public’
  17. ASP.NET MVC – How to show unauthorized error on login page?
  18. Function not defined error while using asp.net ajax
  19. ASP.NET MVC Razor render without encoding
  20. Uploading File using Ajax in Asp.Net Core
  21. Does Angular routing template url support *.cshtml files in ASP.Net MVC 5 Project?
  22. MEF with MVC 4 or 5 – Pluggable Architecture (2014)
  23. The model item passed into the dictionary is of type ‘mvc.Models.ModelA’ but this dictionary requires a model item of type ‘mvc.Models.ModelB‘
  24. Can I use ASP.NET MVC together with regular ASP.NET Web forms
  25. Submit form using AJAX in Asp.Net mvc 4
  26. C# MVC Controller cannot get decimal or double values from Ajax POST request
  27. ASP.NET Parse DateTime result from ajax call to javascript date
  28. System.web.mvc missing
  29. how to call javascript function in html.actionlink in asp.net mvc?
  30. How to get JSON object from Razor Model object in javascript

Leave a Comment