发布时一键添加html中的css标签和script标签版本号来防止浏览器缓存

时间:2019-03-18
本文章向大家介绍发布时一键添加html中的css标签和script标签版本号来防止浏览器缓存,主要包括发布时一键添加html中的css标签和script标签版本号来防止浏览器缓存使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。
原文:发布时一键添加html中的css标签和script标签版本号来防止浏览器缓存

 

AppendFileVersion

是一个VSIX插件支持vs2015意以上版本 是我用来发布时一键添加html中的css标签和script标签版本号来防止浏览器缓存

分享给大家!

download

https://marketplace.visualstudio.com/items?itemName=nainaigu.AppendSrcVersion

github源码地址:

https://github.com/yuzd/AppendFileVersion

 别忘记点个赞哦谢谢

为什么写这个插件

我经常会遇到下面的问题: 在页面引用了js 或者 css 比如:

<1ink href=“~/css/login.css” rel=”stylesheet”/>

<script src="~/js/login.js"></script>

然后样式需要修改 或者 js发生了改变 然后我发布到了生产,但是浏览器有缓存。又不希望麻烦使用者清缓存。所以得重新会进行如下修改:

<script src="~/js/login.js?2018112011"></script>

这样在重新发布到生产就不会有浏览器缓存问题了。。

一般专业前端开发可以用一些打包工具可以实现同样的功能 或者最新的asp.net core 的razor 可以设置 asp-append-version="true" 来解决。

 但是加了这个属性后 浏览器会每次请求拉取最新的。

我觉得没有必要,只有在我修改了才需要拉取最新的。

所以我写了这个vs插件来帮助简单操作就能批量的给script标签或者css标签的文件后 append version!

安装后运行效果如下:

1给某个html里面进行appen version操作

给某个目录里面的所有cshtml进行appen version操作

append version前后对比