CSS靜態(tài)加時(shí)間是一種常用的前端技術(shù),可以避免緩存文件的問(wèn)題。
具體實(shí)現(xiàn)方式是在css文件的URL地址后添加一個(gè)查詢(xún)參數(shù)timestamp,其值為當(dāng)前的時(shí)間戳。這樣,每次瀏覽器加載此css文件時(shí),URL地址都是唯一的,就可以避免瀏覽器緩存文件的問(wèn)題了。
/*原始的css文件鏈接*//*加上時(shí)間戳的css文件鏈接*/
需要注意的是,在實(shí)際應(yīng)用中,時(shí)間戳需要?jiǎng)討B(tài)生成,否則無(wú)法達(dá)到緩存的目的。可以使用服務(wù)器端腳本語(yǔ)言生成當(dāng)前時(shí)間戳,并嵌入到HTML頁(yè)面中。例如,在PHP中可以使用以下代碼實(shí)現(xiàn):
<?php $timestamp = time(); echo '<link rel="stylesheet" type="text/css" . $timestamp . '">'; ?>
要注意的是,如果多個(gè)css文件都需要加時(shí)間戳,可以同時(shí)使用一個(gè)變量來(lái)保存時(shí)間戳,并在每個(gè)鏈接中使用該變量,可以減少代碼冗余。