自動(dòng)清理js、css文件的緩存方法
發(fā)表時(shí)間:2024-05-07 來(lái)源:明輝站整理相關(guān)軟件相關(guān)文章人氣:
[摘要]作為一名開(kāi)發(fā)人員,我們經(jīng)常會(huì)用到清理緩存,我們經(jīng)常會(huì)引用css、js文件,更新文件后常出現(xiàn)緩存問(wèn)題,但是有時(shí)候我們明明更改了代碼,在瀏覽器上訪(fǎng)問(wèn)的時(shí)候卻沒(méi)有發(fā)生變化,那么下面就和大家分享幾種解決方法。1、手動(dòng)清除瀏覽器緩存2、添加版本號(hào)(如 layout.css?v=1)個(gè)人認(rèn)為方法2更快,因?yàn)榍?..
作為一名開(kāi)發(fā)人員,我們經(jīng)常會(huì)用到清理緩存,我們經(jīng)常會(huì)引用css、js文件,更新文件后常出現(xiàn)緩存問(wèn)題,但是有時(shí)候我們明明更改了代碼,在瀏覽器上訪(fǎng)問(wèn)的時(shí)候卻沒(méi)有發(fā)生變化,那么下面就和大家分享幾種解決方法。
1、手動(dòng)清除瀏覽器緩存
2、添加版本號(hào)(如 layout.css?v=1)
個(gè)人認(rèn)為方法2更快,因?yàn)榍宄秊g覽器緩存還要等瀏覽器響應(yīng)。但是每次更改版本號(hào)也很麻煩,所以需要想辦法自動(dòng)添加版本號(hào),
以下是本人收集的方法:
方法一:可以通過(guò)js自動(dòng)給html添加版本號(hào)
<script type="text/javascript">
document.write("<link rel='stylesheet' type='text/css' href='/css/layout.css?v="+new Date().getTime()+"'>");
</script>
方法二:若是jsp頁(yè)面,可以使用java代碼生成時(shí)間戳(若是jsp頁(yè)面用方法一也行,但此方法更方便)
<link rel="stylesheet" type="text/css" href="/css/layout.css?v=<%=System.currentTimeMillis() %>">
方法三:使用其他的方法添加版本號(hào),如用node.js自動(dòng)配置等
ps:我們清除緩存的目的是為了及時(shí)看到頁(yè)面的更新情況,當(dāng)我們將頁(yè)面上線(xiàn)時(shí)(即部署到正式環(huán)境,不會(huì)再做更改),建議把版本號(hào)固定,因?yàn)橛芯彺娴捻?yè)面訪(fǎng)問(wèn)更快,需要更新的時(shí)候再更換下固定版本號(hào)。
以上內(nèi)容就是HTML頁(yè)面自動(dòng)清理js、css文件緩存的方法,大家在遇到此類(lèi)問(wèn)題時(shí)可以動(dòng)手試試這種方法,希望能幫助到大家。
相關(guān)推薦:
Yii清理緩存的方法_php實(shí)例
php定時(shí)刪除文件夾下文件(清理緩存文件)
如何使用php代碼來(lái)刪除文件夾和清理緩存實(shí)例詳解?
以上就是自動(dòng)清理js、css文件的緩存方法的詳細(xì)內(nèi)容,更多請(qǐng)關(guān)注php中文網(wǎng)其它相關(guān)文章!
網(wǎng)站建設(shè)是一個(gè)廣義的術(shù)語(yǔ),涵蓋了許多不同的技能和學(xué)科中所使用的生產(chǎn)和維護(hù)的網(wǎng)站。