首頁 > web前端 > html教學 > 自動清理js、css檔案的快取方法

自動清理js、css檔案的快取方法

小云云
發布: 2017-11-30 10:02:26
原創
2742 人瀏覽過

 作為一名開發人員,我們經常會用到清理緩存,我們經常會引用css、js文件,更新文件後常出現緩存問題,但是有時候我們明明更改了代碼,在瀏覽器上訪問的時候卻沒有發生變化,那麼下面就和大家分享幾種解決方法。

1、手動清除瀏覽器快取

2、新增版本號(如layout.css?v=1)

個人認為方法2更快,因為清除瀏覽器快取還要等瀏覽器回應。但是每次更改版本號也很麻煩,所以需要想辦法自動添加版本號,

以下是本人收集的方法:

方法一:可以透過js自動為html添加版本號

<script type="text/javascript">  
document.write("<link rel=&#39;stylesheet&#39; type=&#39;text/css&#39; href=&#39;/css/layout.css?v="+new Date().getTime()+"&#39;>");   
</script>
登入後複製

方法二:若是jsp頁面,可以使用java程式碼產生時間戳記(若是jsp頁面用方法一也行,但此方法更方便)

<link rel="stylesheet" type="text/css" href="/css/layout.css?v=<%=System.currentTimeMillis() %>">
登入後複製

#方法三:使用其他的方法添加版本號,如用node.js自動配置等

ps:我們清除快取的目的是為了及時看到頁面的更新情況,當我們將頁面上線時(即部署到正式環境,不會再做更改),建議把版本號固定,因為有快取的頁面訪問更快,需要更新的時候再更換下固定版本號。

以上內容就是HTML頁面自動清理js、css檔案快取的方法,大家在遇到這類問題時可以動手試試這種方法,希望能幫助大家。

相關推薦:

Yii清理快取的方法_php實例

#php定時刪除資料夾下檔案(清理快取檔案)

如何使用php程式碼來刪除資料夾和清理快取實例詳解?

以上是自動清理js、css檔案的快取方法的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板