首頁 > web前端 > css教學 > 如何在 Chrome 中動態重新載入 CSS 檔案以加快偵錯速度?

如何在 Chrome 中動態重新載入 CSS 檔案以加快偵錯速度?

Barbara Streisand
發布: 2024-11-21 21:05:16
原創
795 人瀏覽過

How Can I Reload CSS Files Dynamically in Chrome for Faster Debugging?

如何在Chrome 中動態重新載入CSS 檔案以進行高效調試

當Chrome 快取原始CSS 檔案時,CSS 變更可能會調試令人沮喪。要在不手動停止和重新啟動應用程式的情況下重新載入更新的 CSS 文件,有一些有效的方法。

方法1:強制重新載入捷徑

  • Windows:CT SHIFT R.
  • OS X: SHIFT R.
這將強制Chrome 重新載入所有頁面資源,包括更新的CSS

方法2:在開發者工具中停用快取

  • CTRL SHIFT
    C.點擊點擊「齒輪」圖示並勾選「停用快取」。
  • 這將阻止 Chrome 快取任何資源,包括 CSS 檔案。不過,這是一個臨時解決方案,必須手動重新啟用。

方法3:使用隱身模式

在Visual Studio 中,設定「開始」外部程式」到Chrome 的路徑,以「-incognito」作為命令列參數。 Chrome,模式會自動停用快取。它們不受快取的影響。可用於透過 CSS 更新強制重新載入完整頁面。

以上是如何在 Chrome 中動態重新載入 CSS 檔案以加快偵錯速度?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板