一般來(lái)說(shuō)樣式修改后,因?yàn)闉g覽器有緩存上線的網(wǎng)站簡(jiǎn)單刷新沒(méi)有變化,這個(gè)時(shí)候需要強(qiáng)制刷新才可以立馬看到效果。有時(shí)客戶那邊看不到修改效果還要解釋。
其實(shí)可以給修改的樣式增加版本號(hào)來(lái)解決,這樣就可以一刷新看到最新樣式。
常見(jiàn)的手動(dòng)添加版本號(hào)方式
<link rel="stylesheet" href="{pboot:sitetplpath}/css/common.css?v=1"> /加?v=1,每次后面的數(shù)字變化
|
那么有沒(méi)辦法讓版本號(hào)每次自動(dòng)變化嗎,而且要有修改了去刷新才變化,沒(méi)修改去刷新不變化。
這種自動(dòng)方法是有的,下面就來(lái)介紹下相關(guān)操作。
1、先增加個(gè)自動(dòng)時(shí)間版本號(hào)方法,這里建議添加到網(wǎng)站的通用方法文件里。
找到
apps/common/function.php這個(gè)文件,然后在最后添加個(gè)新方法
// 自動(dòng)更新時(shí)間版本號(hào) @mk-ver
function ver($url){
$ver = filemtime($_SERVER['DOCUMENT_ROOT'].$url);
echo $url.'?v='.date("YmdHis",$ver);
}
|
截圖:
2、修改原有調(diào)用樣式鏈接(注意的是必須把原有解析出來(lái)的路徑手動(dòng)復(fù)制進(jìn)來(lái),路徑可以瀏覽器ctrl+u打開(kāi)查看源碼復(fù)制過(guò)來(lái))
//原有的
<link rel="stylesheet" href="{pboot:sitetplpath}/css/common.css">
// 修改后的
<link rel="stylesheet" href="{php}ver('/template/default/css/common.css');{/php}">
|
然后當(dāng)common.css里修改了樣式后保存,到頁(yè)面上刷新就會(huì)發(fā)現(xiàn)樣式尾巴多了串時(shí)間版本號(hào),這樣就達(dá)到了刷新即可看到樣式變化。
補(bǔ)充:其實(shí)js外部文件也可以這么操作,和css一樣,可以自行體驗(yàn)。
如果你有不懂的地方或者更好的方法可以在下方留言討論