Question

好的伙计们。我不是新编码，我想我不是傻瓜，但是我对这个问题的态度已经结束了，并且我已经没事了。

问题：
试图更新Wordpress样式表。无论我做什么，我都看不到浏览器的变化，但是我的老板可以更新它。到目前为止，这只是3个站点的问题（2个wordpress 1自定义构建）。并非所有网站。

我尝试过的事情：

在wordpress上更新css - 保存正常 - 通过FTP查看更新日期，时间戳是新的 - 刷新网站，无法在浏览器中看到样式表的更改
通过FTP下载css文件，更新了wordpress更新 - 尝试添加更多更改/样式并重新上传 - 仍无法在浏览器中看到样式表更改。
删除了所有内容的历史记录。在Firefox，Chrome和Safari中使用缓存，浏览器数据等 - 浏览器中没有任何变化
尝试使用Dreamweaver上传文件 - 没有看到任何变化
尝试在终端中刷新DNS缓存：sudo killall -HUP mDNSResponder和sudo dscacheutil -flushcache - 没有看到任何变化
使用主机/服务器本身上的filemanager更新了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文件。您可以尝试转到原始链接并执行Ctrl / Cmd + R（Ctrl / Cmd + Shift + R，硬重新加载），看看是否清除它。

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

如果您使用的是Chrome，请点击“菜单”图标＆gt;更多工具＆gt;开发人员工具，然后单击齿轮图标。您应该看到一个禁用缓存的选项。对于Firefox，请单击“菜单”图标＆gt;开发人员并单击切换工具。然后单击齿轮并选中禁用缓存。

Answer 2

似乎缓存问题。

尝试加载新网页的CTRL+F5
如果您使用的是Google Chrome＆gt; ＆gt; More tools＆gt; Developer tools＆gt; Network，在选择Disable cache之下。（此功能仅在开发者工具窗口打开时才有效）

Google chrome cache disable

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 和 JS 文件无法更新。我通过从 Cloudflare DNS 清除缓存解决了我的问题。

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

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

3 个答案: