清除網頁暫存(no cache)
Temperature: 0 °C
在製作專案時,有沒有試過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。
以上,脫離鬼打牆後,痛哭流涕紀錄~
台北市內湖區江南街71巷75弄 Go