在浏览器中看不到 CSS 样式更改

Question

好的，伙计们。我对编码并不陌生，我想我并不愚蠢，但我对这个问题束手无策，并且已经没有东西可以尝试了。

问题：
尝试更新 Wordpress 样式表。无论我做什么，我都看不到浏览器的变化，但我的老板可以对其进行更新。到目前为止，这只是 3 个站点上的一个问题（2 个 wordpress 1 个定制）。并非所有网站。

我尝试过的事情：

• 在 wordpress 上更新了 css - 保存良好 - 通过 FTP 查看更新日期，时间戳是新的 - 刷新网站，在浏览器中看不到样式表的变化

• 通过 FTP 下载了 css 文件，wordpress 更新中的更改存在 - 尝试添加更多更改/样式并重新上传 - 仍然无法在浏览器中看到样式表更改。

• 已删除所有内容的所有历史记录。在 firefox、chrome 和 safari 中缓存、浏览器数据等 - 在浏览器中看不到任何变化

• 尝试使用 Dreamweaver 上传文件 - 未发现任何变化

• 尝试使用以下命令刷新终端中的 DNS 缓存：sudo killall -HUP mDNSResponder 和 sudo dscacheutil -flushcache - 未发现任何变化

• 使用主机/服务器本身的文件管理器更新了 css 文件 - 没有看到任何变化

• 拔掉路由器，重新插上 - 没有变化

• 尝试在 WiFi 上上传，然后直接连接到互联网 - 没有看到任何变化

• 尝试以 chrome 隐身模式查看 - 未发现任何变化

• 已检查文件权限，文件夹为 755，文件为 644

• wordpress 上没有安装缓存插件。所以那里没有什么需要清除的。

通过“没有看到任何更改”，我实际上是在 firebug/web 检查器中查看样式表代码，看起来样式表没有任何更改。并不是说我只是输入了错误的 CSS 选择器并且它不起作用。

任何关于我的电脑到底发生了什么以及如何修复它的建议都将非常受欢迎。这让我发疯了！！我使用的是 Mac OS X 10.9.4

http://www.wareinterventions.com/wp-content/themes/ware/style.css

---

我在样式表中看到的最后一个样式是：

.hms-testimonial-group .cf-type

但我应该看到这些：

#test{}
#test2{}
#slider .caption span{
    color: red;
}
#slider .caption h2{
    color: green !important;    
}

Answer 1

我遇到了类似的问题。我的 CSS 和 JS 文件无法更新。我解决了从 Cloudflare DNS 清除缓存的问题。

Cloudflare 仪表板 > 缓存 > 配置 > 清除所有内容

Answer 2

似乎是缓存问题。

1. 试试CTRL+F5，它会加载新的网页，

2. 如果您使用的是 Google Chrome > > More tools > Developer tools > Network，请在该选项下选择 Disable cache。 （此功能仅在开发者工具窗口打开时有效）

3.您可以使用PHP或JavaScript生成随机css文件（仅用于测试目的）。

随机数的 PHP 代码{服务器端}

 <link rel="stylesheet" href="style.css?v<?php echo(mt_rand(100,72)); ?>">

或

 <link rel="stylesheet" href="style.css?versionnumber">

随机数{客户端}的 JavaScript 版本

<script type="text/javascript">
    window.onload = function(){
         var n = 205;
         var number = Math.floor(Math.random()*n)+1;
         document.getElementById("random").innerHTML = number;
    };
 </script>

注意：始终将 Above JS 脚本放在 CSS 链接上方（像这样）。

<link rel="stylesheet" href="style.css?v<span id="random" ></span>">

Answer 3

您的浏览器正在缓存 CSS 文件。您可以尝试转到原始链接并执行 Ctrl/Cmd + R（Ctrl/Cmd + Shift + R，硬重新加载），看看是否可以清除它。

最好的方法是使用浏览器的开发者工具禁用缓存。

如果您使用的是 Chrome，请单击菜单图标 > 更多工具 > 开发人员工具，然后单击齿轮图标。您应该会看到禁用缓存的选项。对于 Firefox，单击菜单图标 > 开发人员，然后单击切换工具。然后点击齿轮，勾选禁用缓存。