劉連康:F5和Ctrl+F5刷新的區別在哪里?

劉連康 2019年11月28日15:00:14網絡隨筆評論2,01831132字閱讀3分46秒閱讀模式

我們現在所使用的電腦有很多種功能,當然也有很多我們所不知道的小技巧。比方說,有時候我們在查看網頁時,覺得有點卡,通常都會敲一下鍵盤上的F5進行刷新。

 

但是你們知道么?

 

其實Ctrl+F5也是可以刷新網頁的,而且比F5還要高級一些。今天,康哥就可以大家分享一下F5和Ctrl+F5刷新的區別在哪里。

 

它們的區別也不是很多,主要就表現在以下三個方面:

 

  1、服務端返回不同

 

如果我們敲一下鍵盤上的F5,刷新服務端就會返回狀態碼304 Not Modified。

 

304狀態碼的意思就是說,如果客戶端發送了一個帶條件的GET請求,且該請求已經被允許,而文檔的內容(自上次訪問以來或者根據請求的條件)并沒有改變,那么服務器應當返回這個304狀態碼。

 

而當我們在鍵盤上敲一下Ctrl+F5時,刷新返回HTTP狀態碼是200(200狀態碼指的是服務器成功處理了請求,也就是正常的意思),原因是Ctrl+F5在發出請求時,會在請求消息頭中加入Cache-Control:no-cache,Pragma:no-cache參數。

 

  2、刷新原理不同

 

F5觸發的HTTP請求的請求頭中通常包含了If-Modified-Since或If-None-Match字段,或者兩者兼有。

 

Ctrl+F5觸發的HTTP請求的請求頭中沒有上面的那兩個頭,卻有Pragma: no-cache或Cache-Control: no-cache字段,或者兩者兼有。

 

  3、刷新結果不同

 

F5刷新按鈕只對當前頁面進行刷新而已,也就是只能夠刷新你這臺電腦的本地緩存。

 

而我們這個Ctrl+F5的行為就高級一點了,雖然也是刷新頁面,但是會把瀏覽器中的臨時文件夾的文件刪除再重新從服務器下載。

 

比方說,我們在做SEO優化時,如果我們的網站加入了CDN(能讓網站打開速度快一些),那么肯定就會有一些緩存。當我們在網站后臺更新文章之后,就會發現前臺怎么樣都不顯示剛才更新的那篇文章,或者是要等好久才會顯示。

 

這時候呢,我們就可以在前臺網頁敲一下鍵盤上的Ctrl+F5,快的話馬上就可以看得到剛才更新的文章了,慢一點也就3分鐘左右而已。

 

還有一個情況,我們也可以使用Ctrl+F5。也就是我們網站更新了style.css 文件,如果單純按F5 刷新,那么當前頁面還是使用未修改的style.css文件內容。

 

而如果我們敲一下Ctrl+F5就會重新從服務器下載style.css文件,并使用修改后的style.css文件,你也就可以馬上看到修改后的網頁樣式效果了,不用去后臺更新生成,也不用清理瀏覽器緩存。

 

本文為原創文章,版權歸作者所有,未經授權,禁止抄襲!

歡迎轉載,轉載請注明作者和出處,謝謝!

作者:劉連康

  • 我的微信
  • 這是我的微信掃一掃
  • weinxin
  • 我的微信公眾號
  • 我的微信公眾號掃一掃
  • weinxin
劉連康
  • 本文由 發表于 2019年11月28日15:00:14
匿名

發表評論

匿名網友 填寫信息

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

確定