js css等静态文件修改后手机客户端不能及时更新的解决方案

p>

1.小白:让客户清理缓存?,No ,  不可靠

2.初级:把文件夹名称改了?,可以,但我们产品样式一天更新8百次,该怎么办?不方便

3.中级:加版本信息?,可以,但这个文件,我们有很多地方用,版本信息都加的乱咯? 不方便

 link href="/css/active.css?v=" rel="stylesheet" type="text/css" / 

4.高级:自己搞个,一处配置多处更新,.net版   舒服
利用json的键值特性, 此处仅用js,css举例,其他图片等静态资源,都能够使用

操作代码范例

一、 新建json文件 CssJsVersion.json

{
 //请添加需要刷新的js或css文件
 //说明:"键值": "指向文件"
 //"mon.css": "mon_.css"
 "mon.css": "mon.css?v=",
 "pc/css/active.css": "pc/css/active.css?v=",
 "pc/js/events.js": "pc/js/events.js?v=",
 "ticket/css/ticket.css": "ticket/css/ticket.css?v=",
 "pay/css/css.css": "pay/css/css.css?v="
}

二、 新建类ContentConfig.cs

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using Newtonsoft.Json.Linq;
using System.IO;
using Newtonsoft.Json;
/// summary 
/// ContentConfig 的摘要说明
/// /summary 
public class ContentConfig
 private static bool noCache = true;
 private static JObject BuildItems()
 var json = File.ReadAllText(HttpContext.Current.Server.MapPath("~/Content/Json/CssJsVersion.json"));
 return JObject.Parse(json);
 public static JObject Items
 if (noCache || _Items == null)
 _Items = BuildItems();
 return _Items;
 private static JObject _Items;

}

三、调用

 script src=" %= ContentConfig.GetJsCssVersionUrl("pc/js/home.js") % " /script 

css:

 link href=" %= ContentConfig.GetJsCssVersionUrl("mon.css") % " rel="stylesheet" type="text/css" / 

5.高级开发:任何封装工具都能够做到,如webpack,grunt,gulp  正在学习...

Tags:js css 静态 .net

相关阅读