1. 程式人生 > >發布時一鍵添加html中的css標簽和script標簽版本號來防止瀏覽器緩存

發布時一鍵添加html中的css標簽和script標簽版本號來防止瀏覽器緩存

ima file rip 但是 地址 問題 拉取 script asp

原文:發布時一鍵添加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前後對比

技術分享圖片

發布時一鍵添加html中的css標簽和script標簽版本號來防止瀏覽器緩存