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

在 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 的“偏好设置”中的本地缓存大小合适且大(您也可以在此处关闭图像,我就是这么做的)

相关内容