1. 程式人生 > >如何進行清除web端快取

如何進行清除web端快取

對於一個html頁面,快取分3部分,一個是頁面內容,一個是css樣式,一個是JS檔案
1、進行清除頁面內容
//meta標籤清理快取
//標籤:

//如果需要在html頁面上設定不快取,這在標籤中加入如下語句:

//用於設定禁止瀏覽器從本地機的快取中調閱頁面內容 //Cache-Control指定請求和響應遵循的快取機制。在請求訊息或響應訊息中設定Cache-Control並不會修改另一個訊息處理過程中的快取處理過程。 //可以用於設定網頁的到期時間

//清除瀏覽器中的快取,它和其它幾句合起來用,就可以使你再次進入曾經訪問過的頁面時,瀏覽器必須從服務端下載最新的內容,達到重新整理的效果。

2、CSS和JS檔案

就是隻要在每次修改後改一下版本號即可,這樣比較麻煩。 可以通過gulp和webpack工具進行新增版本號。 gulp有個通用與簡單專案自動加版本號的方法:安裝方法如下 $ npm install gulp-rev-append-all --save-dev

執行檔案gulpfile.js如下

var rev = require(‘gulp-rev-append-all’);

gulp.task(‘rev’, function() {
gulp.src(’./index.html’)
.pipe(rev())
.pipe(gulp.dest(’.’));
});