HTML頁面自動清理js、css文件的緩存(自動添加版本號)_HTML/Xhtml_頁面制作
發表時間:2024-05-10 來源:明輝站整理相關軟件相關文章人氣:
[摘要]這篇文章主要介紹了HTML頁面自動清理js、css文件的緩存(自動添加版本號),小編覺得挺不錯的,現在分享給大家HTML源碼,也給大家做個參考。對HTML感興趣的小伙伴們一起跟隨小編過來看看吧 在web項目開發過程中,我們經常會引用css、js文件,更新文件后常出現緩存問題(明明更改了代碼,在瀏覽...
這篇文章主要介紹了HTML頁面自動清理js、css文件的緩存(自動添加版本號),小編覺得挺不錯的,現在分享給大家HTML源碼,也給大家做個參考。對HTML感興趣的小伙伴們一起跟隨小編過來看看吧
在web項目開發過程中,我們經常會引用css、js文件,更新文件后常出現緩存問題(明明更改了代碼,在瀏覽器上訪問的時候卻沒有發生變化),這種情況我們通常采用以下兩種解決方案:
1、手動清除瀏覽器緩存
2、添加版本號(如 layout.css?v=1)
個人認為方法2更快,因為清除瀏覽器緩存還要等瀏覽器響應。但是每次更改版本號也很麻煩,所以需要想辦法自動添加版本號,
以下是本人收集的方法:
方法一:可以通過js自動給html添加版本號
<script type="text/javascript">
document.write("<link rel='stylesheet' type='text/css' href='/css/layout.css?v="+new Date().getTime()+"'>");
</script>
方法二:若是jsp頁面,可以使用java代碼生成時間戳(若是jsp頁面用方法一也行,但此方法更方便)
<link rel="stylesheet" type="text/css" href="/css/layout.css?v=<%=System.currentTimeMillis() %>">
方法三:使用其他的方法添加版本號,如用node.js自動配置等
ps:我們清除緩存的目的是為了及時看到頁面的更新情況,當我們將頁面上線時(即部署到正式環境,不會再做更改),建議把版本號固定,因為有緩存的頁面訪問更快,需要更新的時候再更換下固定版本號。
以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持。
相關推薦:
html的span標簽怎么使用
html的滾動條樣式設置
html為什么有亂碼以及解決方法
以上就是HTML頁面自動清理js、css文件的緩存(自動添加版本號)_HTML/Xhtml_網頁制作的詳細內容,更多請關注php中文網其它相關文章!
網站建設是一個廣義的術語,涵蓋了許多不同的技能和學科中所使用的生產和維護的網站。