主頁 > 知識庫 > HTML頁面自動清理js、css文件的緩存(自動添加版本號)

HTML頁面自動清理js、css文件的緩存(自動添加版本號)

熱門標簽:周口導(dǎo)航地圖標注 400電話辦理尚景 東莞人工外呼系統(tǒng)多少錢 昌邑外呼系統(tǒng) 商丘電話自動外呼系統(tǒng)怎么收費 朝陽自動外呼系統(tǒng) 默納克系統(tǒng)外呼顯示inns 400電話是在哪里申請 地圖標注地點下載

 在web項目開發(fā)過程中,我們經(jīng)常會引用css、js文件,更新文件后常出現(xiàn)緩存問題(明明更改了代碼,在瀏覽器上訪問的時候卻沒有發(fā)生變化),這種情況我們通常采用以下兩種解決方案:

1、手動清除瀏覽器緩存

2、添加版本號(如 layout.css?v=1)

個人認為方法2更快,因為清除瀏覽器緩存還要等瀏覽器響應(yīng)。但是每次更改版本號也很麻煩,所以需要想辦法自動添加版本號,

以下是本人收集的方法:

方法一:可以通過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:我們清除緩存的目的是為了及時看到頁面的更新情況,當(dāng)我們將頁面上線時(即部署到正式環(huán)境,不會再做更改),建議把版本號固定,因為有緩存的頁面訪問更快,需要更新的時候再更換下固定版本號。

以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。

標簽:沈陽 湖南 銅陵 揭陽 福建 那曲 健身房 阿拉善盟

巨人網(wǎng)絡(luò)通訊聲明:本文標題《HTML頁面自動清理js、css文件的緩存(自動添加版本號)》,本文關(guān)鍵詞  HTML,頁面,自動,清理,css,;如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問題,煩請?zhí)峁┫嚓P(guān)信息告之我們,我們將及時溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò),涉及言論、版權(quán)與本站無關(guān)。
  • 相關(guān)文章
  • 下面列出與本文章《HTML頁面自動清理js、css文件的緩存(自動添加版本號)》相關(guān)的同類信息!
  • 本頁收集關(guān)于HTML頁面自動清理js、css文件的緩存(自動添加版本號)的相關(guān)信息資訊供網(wǎng)民參考!
  • 推薦文章