一般來說樣式修改后，因?yàn)闉g覽器有緩存上線的網(wǎng)站簡(jiǎn)單刷新沒有變化，這個(gè)時(shí)候需要強(qiáng)制刷新才可以立馬看到效果。有時(shí)客戶那邊看不到修改效果還要解釋。
其實(shí)可以給修改的樣式增加版本號(hào)來解決，這樣就可以一刷新看到最新樣式。
常見的手動(dòng)添加版本號(hào)方式
<link rel="stylesheet" href="{pboot:sitetplpath}/css/common.css?v=1"> /加?v=1，每次后面的數(shù)字變化
|
那么有沒辦法讓版本號(hào)每次自動(dòng)變化嗎，而且要有修改了去刷新才變化，沒修改去刷新不變化。
這種自動(dòng)方法是有的，下面就來介紹下相關(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)用樣式鏈接（注意的是必須把原有解析出來的路徑手動(dòng)復(fù)制進(jìn)來，路徑可以瀏覽器ctrl+u打開查看源碼復(fù)制過來）
//原有的
<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)。
如果你有不懂的地方或者更好的方法可以在下方留言討論
