瀏覽器的快取機制

2021-07-26 07:44:50 字數 749 閱讀 1114

瀏覽器的快取是乙個比較複雜但是比較重要的機制,在我們瀏覽乙個頁面時發現有異常情況,通常考慮的就是:瀏覽器是否做了快取。

當瀏覽器做了快取,而我們需要請求最新的頁面內容的時候,通常的做法是按ctrl+f5組合鍵重新請求一次這個頁面。ctrl+f5組合鍵重新整理頁面,瀏覽器會直接向目標url傳送請求,而不是使用瀏覽器快取的資料。

當我們使用ctrl+f5組合鍵重新整理頁面時,在http的請求頭中會增加一些內容,它告訴伺服器我們要獲取的是最新的資料而不是快取。

當使用瀏覽器的快取資料時,如下圖所示: 

當使用ctrl+f5重新整理頁面時: 

這次請求從伺服器返回的資料,最重要的是在請求頭中增加了兩個資料項:program:no-cache和cache-control:no-cache 

expires後面跟著乙個日期和時間,超過這個時間值後,快取的內容將 

消失。也就是瀏覽器在發出請求之前,先檢查這個屬性,看該頁面是否已經過期了,過期了就向伺服器重新發起請求,例如: 

瀏覽器快取機制

最近在準備優化日誌請求時遇到了一些令人疑惑的問題,比如為什麼響應頭里出現了兩個 cache control 為什麼明明設定了 no cache 卻還是發請求,為什麼多次訪問時有時請求裡帶了 etag,有時又沒有帶?等等。後來查了一些資料以及同事親自驗證,總算對這些問題有了個清晰的理解,現在整理出來以...

瀏覽器快取機制

當我們瀏覽乙個頁面發現有異常時,通常考慮的就是書不是瀏覽器做了快取呢,按ctrl f5重新請求一次就能請求到沒有快取的頁面,這個是為什麼呢。首先,ctrl f5組合鍵重新整理頁面,那麼瀏覽器會直接向目標url傳送請求,而不再使用瀏覽器快取的資料。其次,當請求到達伺服器端依然有可能出現使用伺服器端的資...

瀏覽器快取機制

瀏覽器快取機制 瀏覽器快取機制,其實主要就是 協議定義的快取機制 如 expires cache control 等 但是也有非 協議定義的快取機制,如使用 html meta 標籤,web 開發者可以在 html 頁面的節點中加入 標籤,如下 上述 的作用是告訴瀏覽器當前頁面不被快取,每次訪問都需...