如何在Chrome中为特定网站关闭缓存?

时间:2011-06-29 21:01:57

标签: javascript caching google-chrome

我正在为名为www.example.com的网站开发Javascript,Chrome会不断缓存早期版本的代码。我可以不断清除缓存,但这已成为时间的延迟。还有其他选择吗?

7 个答案:

答案 0 :(得分:17)

如果您不想更改网页的代码。您只需在Google Chrome上打开开发人员工具即可。快捷方式:在Windows上按Ctrl + Shift + i。

你会在右下角找到一个可以带你进行设置的装备。检查“禁用缓存”,你就可以了。

答案 1 :(得分:13)

我通常按:ctrl + shift + r清除缓存。我觉得最简单。

这也有效:

<meta http-equiv="no-cache">
<meta http-equiv="Expires" content="-1">
<meta http-equiv="Cache-Control" content="no-cache">

答案 2 :(得分:4)

如果您使用隐身窗口进行调试,则它没有缓存数据。简单,无需更改浏览器设置。

答案 3 :(得分:1)

我自己这样做是为了发展。我用CTRL-F5。它像一股力量刷新。这将刷新页面,包括重新下载任何引用的JS文件或CSS文件,即使它们已被缓存。

答案 4 :(得分:0)

在开发期间将这些标题添加到您的网页:

<META HTTP-EQUIV="CACHE-CONTROL" CONTENT="NO-CACHE">
<META HTTP-EQUIV="PRAGMA" CONTENT="NO-CACHE">

或者您可以将Web服务器配置为在http标头中放置无缓存信息(在开发期间)。

答案 5 :(得分:0)

您可以在.htaccess中添加不缓存特定文件或特定扩展名的规则

<FilesMatch "script.js$">
Header unset Cache-Control
Header unset Expires
Header unset Last-Modified
FileETag None
Header unset Pragma
</FilesMatch>

或所有.js&amp; CSS

<FilesMatch "\.(js|css)$"> 

答案 6 :(得分:0)

尝试设置HTTP标头:

Cache-Control: no-cache, no-store

或者:

<META HTTP-EQUIV="CACHE-CONTROL" CONTENT="NO-CACHE, NO-STORE">

但这只应在开发过程中使用。