zoukankan      html  css  js  c++  java
  • 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>

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

  • 相关阅读:
    python:dataclass装饰器详
    python : tuple 相加,注意逗号
    python itertools chain()
    Python classmethod 修饰符
    ILMerge
    a标签点击后页面显示个false
    Visual Studio自动生成XML类和JSON类
    元组简单示例
    jQuery插件示例笔记
    jQuery中的Ajax全局事件
  • 原文地址:https://www.cnblogs.com/caoyc/p/6093061.html
Copyright © 2011-2022 走看看