web網(wǎng)站上線后审丘,經(jīng)常需要更新js,css,img等靜態(tài)文件霍狰,但瀏覽器又會(huì)緩存這些靜態(tài)文件新蟆,如何在更新時(shí)讓瀏覽器獲取到最新的文件呢?
1.如果在每個(gè)靜態(tài)文件后面加上一個(gè)版本號(hào)
<script type="text/javascript" src="/js/confirm.js?v=2019"></script>
<link rel="stylesheet" href="css/question.css怔揩?v=2019">
統(tǒng)一配置捉邢,那每次更新版本,所有的靜態(tài)文件都會(huì)一起更新商膊。
css文件后面的問號(hào)起不到實(shí)際作用伏伐,僅能當(dāng)作后綴。
使用版本號(hào)參數(shù)的作用
①客戶端會(huì)緩存css或js文件晕拆,因此每次升級(jí)了js或css文件后藐翎,改變版本號(hào),客戶端瀏覽器就會(huì)重新下載新的js或css文件,起到刷新緩存的作用吝镣。
②腳本并不存在堤器,而是服務(wù)端動(dòng)態(tài)生成的,因此帶了個(gè)版本號(hào)末贾,以示區(qū)別闸溃。
2.更換不同的css,js文件名
修改前:
<link rel="stylesheet" href="style.css" type="text/css" media="screen"/>
修改后:
<link rel="stylesheet" href="style2.css" type="text/css" media="screen"/>