如何完美滴使瀏覽器訪問一個 HTML 頁面時禁用快取？

在測試某個 Web應用程式專案時，發現更改後 Chrome 瀏覽器頁面重新整理還是使用之前的版本。經除錯發現 Chrome 預設快取值為 300 秒。

經測試跨瀏覽器禁止快取的 headers 如下：

Cache-Control: no-cache, no-store, must-revalidate
Pragma: no-cache
Expires: 0

Cache-Control is for HTTP 1.1

Pragma is for HTTP 1.0

Expires is for proxies

因為是 HTML 頁面，可以於 HEAD 標籤內直接新增 META 標籤：

<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
<meta http-equiv="Pragma" content="no-cache" />
<meta http-equiv="Expires" content="0" />

其他檔案就需要使用伺服器設定檔案控制 header 咯