互聯網在全球的普及率與日俱增。與此同時,Web瀏覽器在用戶體驗方面也做得越來越好,除了運行速度比以前更快,還包括在操作系統級別上提供的DNS緩存。不過,當不期望的數據被緩存時,這也會帶來一些額外的問題。這種情況下,我們可以通過清除緩存並刷新頁面來解決。
Google Chrome瀏覽器允許你通過三種不同的方式來重新加載一個web頁面:Normal Reload,Hard Reload,Empty Cache and Hard Reload。這個功能只能在Developer Tools下使用。
一般來說,在Windows中存在三種不同類型的緩存: 內存緩存,DNS緩存和圖片縮略圖緩存。你可以非常容易地刷新這些緩存的內容。清除內存緩存可以釋放系統內存空間,而清除縮略圖緩存則可以釋放硬盤空間。清除DNS緩存可以解決互聯網連接問題。
對於瀏覽器而言,一般會有cookie,臨時Internet文件,另外還有Adobe Flash緩存。在Chrome中,developer tools可以幫助你非常輕松地清除這些緩存,然后進行一個硬刷新並重新加載web頁面的內容,而不會影響其它tabs中的頁面。
在Chrome中,當"Developer Tools"被打開時,鼠標右擊當前頁面的刷新按鈕,你會看到一些額外的選項。在Chrome中,按F12鍵可以打開Developer Tools。
然后,右鍵點擊當前頁面的刷新按鈕,一般會在地址欄的左側,你會看到3個刷新選項:
- Normal Reload (Ctrl + R): 正常刷新,使用緩存數據。
- Hard Reload (Ctrl + Shift + R):強制瀏覽器重新下載並加載內容。資源有可能來自於緩存的版本。
- Empty Cache and Hard Reload:完全清除頁面的緩存並重新下載所有內容。
當我們按F5時,實際上執行的是Normal Reload操作。此時瀏覽器會避免重新下載已緩存的資源,例如JavaScript文件。
Hard Reload情況下,瀏覽器不會使用緩存中的任何內容,所有的內容會被重新下載。這和按Ctrl + F5的效果是一樣的。但是如果頁面通過重定向加載額外的資源,則有可能會從緩存加載數據。
當選擇Empty Cache and Hard Reload時,瀏覽器將首先清空緩存,然后重新下載所有資源。如果網頁是通過JavaScript代碼動態加載的,使用這種方式將非常有效。