如何在css文件中动态添加版本?

时间:2013-11-21 12:11:30

标签: javascript jquery asp.net

如何使用编译ASP或mb javascript在css文件中动态添加版本(例如:main.css?v = 123129401278)。这解决了缓存的问题

2 个答案:

答案 0 :(得分:0)

我过去常常使用ScriptManager。我检测到ModifiedDateTime并将其添加到文件中,因此无法缓存

这是完整的代码

<asp:ScriptManager runat="server" EnablePageMethods="true" EnablePartialRendering="true"
        ID="sm" OnResolveScriptReference="sm_ResolveScriptReference">
     <Scripts>
        <asp:ScriptReference Path="~/scripts/jquery-1.4.2.min.js" /> 
    </Scripts>
</asp:ScriptManager>

然后

 protected void sm_ResolveScriptReference(object sender, ScriptReferenceEventArgs e)
      {
        if (!String.IsNullOrEmpty(e.Script.Path))
        {
            e.AddVersionToScriptPath(Server.MapPath(e.Script.Path));
        }
    }


public static void AddVersionToScriptPath(this System.Web.UI.ScriptReferenceEventArgs scrArg, string fullpath)
    {
        string scriptpath = scrArg.Script.Path;
        var fn = GetFileWriteTime(fullpath);
        if (!String.IsNullOrEmpty(ConfigurationManager.AppSettings["minifyJS"]) && ConfigurationManager.AppSettings["minifyJS"] == "1")
            scriptpath = scriptpath.Contains(".min.") ? scriptpath : scriptpath.Replace(".js", ".min.js");
        scrArg.Script.Path = String.Format("{0}?{1}", scriptpath, fn);
    }

public static string GetFileWriteTime(string fullpath)
    {
        string fw = "";
        if (File.Exists(fullpath))
        {
            FileInfo fi = new FileInfo(fullpath);
            fw += fi.LastWriteTime.ToString("yyMMddhhmm");
        }

        return fw;
    }

答案 1 :(得分:0)

试试这个:

<link rel="stylesheet" type="text/css" href="http://mysite/style.css?id="+generateUUID()>

<强> GenrateUUID

function generateUUID() {
var d = new Date().getTime();
var uuid = 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function(c) {
    var r = (d + Math.random()*16)%16 | 0;
    d = Math.floor(d/16);
    return (c=='x' ? r : (r&0x7|0x8)).toString(16);
});
  return uuid;
};