☰

在 Chrome 上选择性地禁用缓存以进行开发

tag-icon • tag-icon google-chrome web-development browser-cache
在 Chrome 上选择性地禁用缓存以进行开发

有没有什么办法可以仅针对某些方面禁用 Google Chrome 上的缓存，这样图像等内容就会保留缓存，但标记/js/css 则不会？

我正在开发一个图形密集型应用程序，如果图像未被缓存，则会使页面的加载时间增加整整半秒钟，如果您需要不断刷新来测试代码更改，这将很麻烦；而如果这些图像的更改频率不如 html/js/css 那样频繁，则没有必要。

答案1

在你的网络服务器的 .htaccess 中输入

 <FilesMatch "(?i)^.*\.(js|css)$">
    ExpiresActive On
    ExpiresDefault 0
 </FilesMatch>

这应该可以确保 JS 和 CSS 文件不会被浏览器缓存。

那么你应该使用 mod_pagespeed扩展缓存在 Web 服务器上也具有此功能。它将允许使用正确的标头信息发送图像。

在您的开发服务器（或其他任何服务器）上完成此操作后，CSS/JS 文件应在每次页面加载时重新下载，但图像仅在强制时才会重新下载。此外，请确保 Chrome 的“偏好设置”中的本地缓存大小合适且大（您也可以在此处关闭图像，我就是这么做的）

相关内容