【问题标题】:Disable cache for specific script or stylesheet files in chrome禁用 chrome 中特定脚本或样式表文件的缓存
【发布时间】:2019-09-11 08:01:51
【问题描述】:

我正在开发使用一些外部脚本和样式表并使用谷歌浏览器调试应用程序的网络应用程序。

应用程序中的某些网页包含过多的外部文件(例如 script.js 和 style.css),而在调试时我只需要从服务器而不是本地浏览器缓存加载我更改的文件和其余的缓存中的文件。

我知道 chrome 中的热重载 (Ctrl + F5),但它会从服务器/cdn 重新加载 ALL 脚本,这需要加载页面要多花几秒钟,这让调试很烦人。

那么我怎样才能强制加载/禁用浏览器缓存仅针对 Chrome 中的特定文件?

【问题讨论】:

    标签: google-chrome browser-cache hot-reload


    【解决方案1】:

    当我只想在页面刷新时重新加载特定的脚本时,我添加到脚本 url 时间戳,如下所示: $v = 时间();

    每个有这个 ?v=... 的脚本都会在刷新时重新加载,其他的将从缓存中读取。

    【讨论】:

    • script src="main.js?v=1571665409" type=text/javascript
    • 相比时间戳,构建版本更好,静置允许在生产环境中缓存,无需更改代码。
    猜你喜欢
    • 2013-05-27
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2015-07-07
    • 2015-07-06
    • 1970-01-01
    • 2019-01-03
    相关资源
    最近更新 更多