Chrome 快取清除全攻略:Ctrl + F5、Ctrl + Shift + R 和 Ctrl + Shift + Delete 有何不同?

2025-03-30 12:19:48 | Web Design | 11 Reads

Ctrl + Shift + R 和Ctrl + Shift + Delete 和 Ctrl +F5有啥區別嗎

這三個快捷鍵的功能類似,但它們的行為有一些關鍵區別,尤其是在處理 瀏覽器緩存 時:


1. Ctrl + F5(強制刷新)

📌 作用

  • 強制重新從 服務器請求頁面不使用瀏覽器緩存
  • 但是 不會清除本地存儲 (Local Storage) 或 IndexedDB

📌 適用場景

  • 頁面沒有即時更新,但你懷疑是因為緩存問題。
  • 你已經清除 應用的 bin/obj,並重新編譯發佈,但前端仍然加載舊文件。

2. Ctrl + Shift + R(完全強制刷新, Hard Reload)

📌 作用

  • Ctrl + F5 更強,它會 清空瀏覽器緩存,並從 服務器強制下載所有資源(HTML、CSS、JS、WebAssembly 等)。
  • 這通常比 Ctrl + F5 更徹底,適用於 Blazor WebAssembly 應用的緩存問題

📌 適用場景

  • Blazor WebAssembly 頁面還在加載舊版本,即使你按了 Ctrl + F5
  • 你發現 WASM、JavaScript 相關代碼沒有更新(如 _framework 下的文件)。
  • PWA 應用沒有及時更新,或者 Service Worker 仍在緩存舊資源。

3. Ctrl + Shift + Delete(清除瀏覽數據)

📌 作用

  • 打開清除瀏覽數據界面,允許你選擇:
    • 清除瀏覽歷史(對 Blazor 沒影響)
    • 清除緩存的圖片和文件 ✅(最重要)
    • 清除 Cookies 和網站數據
    • 清除本地存儲 (Local Storage)、IndexedDB、Service Worker(Blazor PWA 相關)

📌 適用場景

  • 你懷疑 應用還在使用舊的 WASM 代碼,但 Ctrl + Shift + R 仍然無效。
  • 你的應用是 PWA (Blazor WebAssembly),可能因 Service Worker 緩存 仍然加載舊文件。
  • 你想要徹底清除某個網站的所有存儲數據。

📌 結論:什麼時候用哪個?

快捷鍵 適用場景 清除的內容 是否影響 Local Storage / IndexedDB
Ctrl + F5 頁面不更新,但懷疑是緩存問題 只清除緩存的 HTML, CSS, JS, WASM ❌ 不影響
Ctrl + Shift + R 頁面仍然加載舊資源,甚至 WASM 代碼不變 強制從服務器下載所有資源 ❌ 不影響
Ctrl + Shift + Delete Blazor WASM/PWA 應用仍然加載舊數據 可選擇清除全部網站存儲,包括 Local Storage、IndexedDB ✅ 影響

🚀 Blazor WebAssembly 遇到 "刪除頁面但還能訪問" 的情況,建議的步驟是:

  1. 先試 Ctrl + F5
  2. 如果還有問題,試 Ctrl + Shift + R
  3. 如果仍然不行,進入開發者工具 (F12)
    • 應用 (Application) → 清除 Service Worker
    • 清除 Local Storage / IndexedDB
  4. 最後,如果還是不行,Ctrl + Shift + Delete,清除 "緩存的圖片和文件"

這樣就可以完全清除 瀏覽器可能保存的 Blazor WebAssembly 緩存,確保你的 /test 頁面真的刪除掉 🎯!

This article was last edited at 2025-03-30 12:19:48