谷歌浏览器不会更新 CSS答案

【问题标题】：Google Chrome won't update CSS谷歌浏览器不会更新 CSS
【发布时间】：2016-07-13 21:44:06
【问题描述】：

我刚开始研究 Wordpress 主题，但更新后它不会重新加载样式表。我在这里搜索并尝试了常见的补救措施，包括：

按住 ctrl/shift 重新加载
在开发者工具打开时重新加载
连续快速重新加载两次
获取 firefox/firebug
将时间戳生成器添加到 href 的末尾
安装一个扩展，特别是这个：https://chrome.google.com/webstore/detail/clear-cache/cppjkneekbjaeellbfkmgnhonkkjfpdn?utm_source=chrome-app-launcher-info-dialog\

它似乎只是每隔一段时间才重新加载一次，它确实阻碍了我编写 CSS 的能力......

这里有人有解决这个问题的想法吗？

谢谢。

编辑：我认为这可能与我的主机有关（它是免费的）。我想我只是打算离线进行开发。

【问题讨论】：

问题不在于浏览器。您可能在 Wordpress 本身中有某种缓存扩展。
过于激进的服务器缓存？您可以在 chrome 中检查文件请求并查看服务器响应的内容。如果它是 304，则服务器告诉客户端没有任何变化。您可以通过在您的 css url 中的 get 请求中添加一个随机数来解决这个问题。例如：<link rel="stylesheet" type="text/css" url="style.css?r=<?php echo microtime(); ?>" /> 对于该示例，您的页面必须是 .php 页面。

【解决方案1】：

使用子主题时，请确保加载正确的 css 文件。有时你会加载父级的 css 文件。

确保在开发时禁用缓存插件。

【讨论】：

【解决方案2】：

您可以随时进入Incognito，它不使用任何缓存数据。它也不保存任何历史信息。

要使用它，您可以按 Crtl+Shift+N 然后导航到您要查看的页面/网站。

您也可以通过按 Chrome 窗口右上角的☰ 图标并点击New incognito window 来访问隐身模式：

如果您的页面仍未更新，我会确保文件已被保存。因为此时您的问题不会是因为文件被缓存..

我唯一的另一个想法是它可能是您的 CSS 本身...有时您的 CSS 未应用由于您的代码中的错误、另一段代码抵消它等等...

那么看看正在应用什么：

按 F12

或

右键单击页面上的某处并按Inspect Element。

您应该会看到类似这样的内容（您的代码/网页除外）：

“检查元素”的部分大小会略有不同，但您可以更改这些部分...

基本上点击您尝试更改 css 的 html 元素...

您现在将看到正在显示的 css 元素...如果它们被划掉，则很可能意味着有其他父级（或只是其他一些属性）正在取消您正在添加的 css。

这些只是 CSS 可能无法正常工作的部分原因！但我希望这会有所帮助！

【讨论】：

即使你的答案是正确的，毕竟 OP 所做的所有事情我高度怀疑客户端缓存是这里的问题。
就我而言，这就是解决我所有问题的方法。 Chrome 一直在缓存我的唯一一个 css 文件，但它拒绝更新。转移到隐身模式，问题解决了。愚蠢的修复，但它的工作原理。仅供参考，在发布此答案一年半后使用 Chrome 60。