asp.net mvc处理css和js版本问题

  当服务的修改了js和css内容后,发布到IIS服务器上,总是导致客户端内容显示不正确,原因是客户端存在缓存,还是加载的原来的js和css问题。

  在css或js后面添加版本号,例如:

<script src="1.js?v=1.0"></script>

  当版本号改变时,客户端会重新读取新的文件,问题解决了。

  但同时也带了另一个问题,每次修改后,都必须修改版本好,如果引用比较多的化,那么工作量也比较大,同样是个问题。

  

  这里解决方法是配置一个版本号

  步骤一:在web.config中配置版本号:

  <appSettings>
<add key="JsVersion" value="20161123.2"/>
</appSettings>

  步骤二:写一个扩展方法

using System;
using System.Collections.Generic;
using System.Configuration;
using System.Linq;
using System.Web;
using System.Web.Mvc; namespace WebSeat.Site.Member.Helper
{
/// <summary>
/// 说明:
/// 创建日期:2016/11/23 10:36:01
/// 创建人:曹永承
/// </summary>
public static class HtmlHelperExtend
{
/// <summary>
/// 给CSS文件或JS文件指定版本号
/// </summary>
/// <param name="helper"></param>
/// <param name="url">CSS或JS路径</param>
/// <returns></returns>
public static string GetCssJsUrl(this HtmlHelper helper, string url)
{
string version = ConfigurationManager.AppSettings["JsVersion"];
version =version == null ? "1.0" : version;
return url += "?v=" + version;
}
}
}

  步骤三:改变js和css引用方法

<link href="@Html.GetCssJsUrl("/Content/custom/areaHome.css")" rel="stylesheet"/>
<script src="@Html.GetCssJsUrl("/Scripts/custom/AreaHome.js")"></script>

asp.net mvc处理css和js版本问题

  可以看到css和js文件自动加上了版本号

上一篇:Java 性能优化手册 — 提高 Java 代码性能的各种技巧


下一篇:c++ 基础学习: 左值 概念cocos2d-x3.0的实际应用