Chrome在開發者模式下右鍵刷新就可以看到幾種刷新選項:
正常重新加載 等同於F5 ,瀏覽器發送請求時會帶上緩存相關請求頭
硬性重新加載:等同於直接按SHIFT+F5,(瀏覽器在發送請求時會帶上禁止緩存的相關請求頭) 或者在devtools的network面板中勾選Disable cache並刷新(devtools面板開啟狀態)。
這種情況下當遇到需要加載的資源時,不會使用緩存的資源,而是重新發起請求。
清空緩存並硬性重新加載:顧名思義,將該頁面的緩存清空並進行硬性重新加載,有人可能會問,既然是硬性重新加載,清不清緩存好像沒有意義。
其實不然,頁面加載后,還可能通過JS加載內容,只是普通的硬性重新加載的話這部分的內容仍然是從緩存中加載的,清空緩存則可以保證頁面內容是完全重新加載的。