1. 程式人生 > >瀏覽器的重新整理:地址回車 F5 Ctrl+F5 的區別

瀏覽器的重新整理:地址回車 F5 Ctrl+F5 的區別

轉載地址:https://juejin.im/entry/599afbe5f265da247c4ee6e3
重新整理有三種

  • 瀏覽器中寫地址,回車
  • F5
  • Ctrl+F5

假設對一個資源,瀏覽器第一次訪問,獲取資源內容和cache-control: max-age:600,Last_Modify: Wed, 10 Aug 2013 15:32:18 GMT於是瀏覽器把資原始檔放到快取中,並且決定下次使用的時候直接去快取中取了。

  • 瀏覽器url回車
    瀏覽器發現快取中有這個檔案了,好了,就不傳送任何請求了,直接去快取中獲取展現。(最快)
  • 下面我按下了F5重新整理
    F5就是告訴瀏覽器,別偷懶,好歹去伺服器看看這個檔案是否有過期了。於是瀏覽器就膽膽襟襟的傳送一個請求帶上If-Modify-since:Wed, 10 Aug 2013 15:32:18 GMT
    然後伺服器發現:誒,這個檔案我在這個時間後還沒修改過,不需要給你任何資訊了,返回304就行了。於是瀏覽器獲取到304後就去快取中歡歡喜喜獲取資源了。
  • 但是呢,下面我們按下了Ctrl+F5
    這個可是要命了,告訴瀏覽器,你先把你快取中的這個檔案給我刪了,然後再去伺服器請求個完整的資原始檔下來。於是客戶端就完成了強行更新的操作…