编码 HTML 时，浏览器并不总是检测到更改答案

【问题标题】：When coding HTML, browser doesn't always detect changes编码 HTML 时，浏览器并不总是检测到更改
【发布时间】：2013-10-07 07:57:45
【问题描述】：

当我编写 HTML 和 CSS 并在浏览器中加载页面以检查更改时，有时它会暂时不更新。这显然会导致增量更改出现问题，很难判断它是否已更改为适合我的最新更改。

我想知道是否有办法解决这个问题？可能是专门针对这种情况的浏览器（或模式）没有这种行为？

【问题讨论】：

【解决方案1】：

在 Windows 上尝试 Ctrl+F5 或 Cmd+Shift+R在 OSX 上，这将避免您的浏览器在加载页面时读取其缓存（至少在 Chrome 或 Firefox 时）

【讨论】：

【解决方案2】：

嗯，可能是 Web 服务器设置，将请求缓存到您的同一资源。我曾经在带有 JSP 的 tomcat 上看到很多。使用tomcat，我们曾经删除编译的类（'work'文件夹），但是，在您使用PHP的情况下，您可以检查您的服务器缓存设置（文件/会话）。

示例：“典型的 Web 服务器，例如 Apache，使用文件修改时间来通知 Web 浏览器请求页面的年龄，允许浏览器采取适当的缓存操作。对于动态网页，实际的 PHP 脚本可能只是偶尔改变；同时，它显示的内容，通常是从数据库中获取的，也会经常改变。”

另一种解决方法是在您希望重新加载 PHP 文件时触摸（添加空格并保存）。

【讨论】：

【解决方案3】：

这主要是因为浏览器缓存。

只是一个建议（您可能会发现它很有用，作为其他答案的补充）：

如果您使用的是 chrome，则可以在开发工具栏打开时禁用缓存。它对我有用，以确保在我开发时没有缓存。（我在开发过程中一直打开我的开发工具栏，所以它对我有用），这是屏幕截图。

一般

禁用缓存将阻止仅对页面的资源缓存其中有 DevTools 打开。如果开发工具已关闭

.

【讨论】：

啊，我按照这些步骤操作了，但它仍然没有更新我的内容。这可能是因为我正在保存到本地主机。也许这有一些影响？
有趣，尝试从您的 Web 服务器发送 no-cache 标头，然后检查以确保是缓存问题还是其他问题。
@Andrew 你是对的，no-cache 标头会阻止浏览器缓存结果。顺便提一句！为 js/css/images 等静态资源设置这些标头不是一个好主意。缓存静态资产是个好主意。我相信上面的答案可以帮助您绕过没有no-cache 标头的缓存。

【解决方案4】：

在 Windows 上使用 CTRL + F5 刷新。浏览器不会从缓存中显示。同样在开发者工具中，你可以告诉它不要从缓存中加载

【讨论】：

【解决方案5】：

听起来像是您的浏览器缓存，您可以通过清除它或执行“硬刷新”来确认这一点。

如果您想永久停止此操作，您将需要抛出一些无缓存标头，您可以根据您的设置从 Web 服务器或服务器端代码执行此操作（请参阅How to control web page caching, across all browsers?）

【讨论】：

【解决方案6】：

您可以尝试删除浏览器缓存并重新加载页面。对于 CSS，我还发现有时我需要在浏览器中单独加载 CSS 文件并刷新它以进行更新。

【讨论】：