使用場景:
無論我們用PC端瀏覽網站還是用的移動端,網站都會緩存一些css,JS等文件。尤其是JS,我們常會寫些代碼,我之前曾在蘋果手機上多番嘗試都沒辦法清除緩存的文件。后面通過在JS后面增加版本號即可解決問題。
那么,我們先來看看重現問題,我們寫的JS引用,如下圖:
以上是沒有版本號的,如果你修改了tool.min.js文件,并上傳到服務器。刷新該頁面后,仍然對新修改的不會有任何響應,因為緩存了。
解決辦法:
在后面加上?V=xxx,版本號,那么瀏覽器就會把它當作一個新的文件,重新加載,如下圖:
當然,我們作為一些長期維護的網站,我們的版本號很可能更多的是這樣:
<script type="text/JAVAscript" src="https://acstatic-dun.126.net/tool.min.js?v=2022031701"></script>
其中:
1)20220317代表的是今天的日期
2)最后兩位數字代碼的是當天更新的第幾次。
這樣做了之后,無論我們在移動端還是PC端就不會出現緩存的現象。
當然緩存這塊完全看瀏覽器,不排除有些瀏覽器仍然沒生效,那就只有清除瀏覽器緩存了。
不過怎么主流的IE瀏覽器,微信瀏覽器,google器不會出現這個問題。
歡迎加我,一起分享開發的思路與代碼