Css Google cloud bucket静态站点样式不同于本地副本

我在谷歌存储桶上托管一个静态站点。我将cloudflare用于https

我今天去了现场，看到样式被破坏了。现场的一部分被切断，另一部分被移离中心——并不像设计的那样。我清除了bucket，并通过gsutil CLI上传了我的最新版本的站点。在同一个chrome浏览器上，站点的本地副本看起来与bucket副本完全不同

---

我检查了样式表是否已上载，是否已删除。我临时从本地副本中删除了主样式表，以查看它是否产生了相同的结果，但没有。我在Chrome中开发时遇到问题，浏览器会缓存以前的样式表。我通过硬刷新（清除缓存）来解决这个问题。这是最好的问题，因为这意味着没有缓存样式表的新访问者看不到损坏的CSS，所以我希望这就是问题所在

（原为评论）

编辑：更多资源

---

此外，对于您的用户，您可以强制他们的浏览器获得新版本：并为服务器上的浏览器设置一些指导原则，如“缓存html 24小时”

我在Chrome中开发浏览器时遇到了一个问题，浏览器会缓存以前的样式表。我通过硬刷新（清除缓存）来解决这个问题。这是最好的问题，因为这意味着没有缓存样式表的新访问者看不到损坏的CSS，所以我希望这就是问题所在！就这样！谢谢@SydneyY！有没有建议为将来的更新强制清除缓存？Chrome中的开发工具中有一个复选框“防止缓存”，我认为它位于“网络”选项卡中。但它仅在开发工具打开时暂停缓存。我很高兴这能奏效：）我在回答中为你添加了一些关于这个主题的资源：）这是一个很酷的主题。web开发有很多方面。