innstory

清除網頁暫存no cache

在製作專案時，有沒有試過JS 或 CSS 明明就已經更新了~

但頁面卻像鬼打牆一樣，不管怎樣重新整理就是無法取得新更新的資料尤其是Chrome。

以下有幾方式~

在PHP

// 清空伺服器緩存

header("Expires: Mon, 26 Jul 1997 05:00:00 GMT");

header("Last-Modified: " . gmdate("D, d M Y H:i:s") . "GMT");

header("Cache-Control: no-cache, must-revalidate");

header("Pragma: no-cache");

在HTML

＜meta http-equiv="cache-control" content="no-cache"＞

＜meta http-equiv="pragma" content="no-cache"＞

＜meta http-equiv="expires" content="0"＞

其實以上方式我都試過，但針對CSS及JS檔案Chrome效果真的有限~

總不能老是把暫存檔清掉或使用無痕視窗吧⊙_⊙

於是乎我用了另一種方式來強制更新我的CSS檔案。

＜link rel="stylesheet" href="assets/css/style.css?20171106" /＞

就是在CSS後面加上?以及日期或者亂數，這樣瀏覽器就可以判斷為不同版本，以便取得最新的CSS或JS。

以上，脫離鬼打牆後，痛哭流涕紀錄~