更改版本,硬刷新和清除缓存后,CSS更改也不会反映出来

时间:2018-11-16 10:01:44

标签: css angular

我有一个带有CSS的Angular应用程序。我最近更改了CSS并将其部署在服务器上,但它并没有反映在客户端计算机上。

我做了以下事情:

  1. 清除缓存并进行硬刷新(Ctrl + f5)。
  2. 更改了CSS文件的版本号,并重新部署了它。
  3. 打开了开发人员工具,并禁用了缓存并重新加载。
  4. 按下F12,转到源并检查CSS文件是否正在加载新更改。有新的变化。

当我在新计算机上打开Web应用程序时,新的更改将得到体现。

什至在检查了上述所有情况后,仍可能是CSS无法反映的可能原因。有什么我想念的吗?非常感谢您的帮助。谢谢

4 个答案:

答案 0 :(得分:0)

进行强制刷新(Ctrl + Shift + R) 或转到查看页面源代码并从中查看打开的CSS文件,使其刷新,然后再次进行硬刷新...您的问题将得到解决

答案 1 :(得分:0)

请从头开始清除应用程序的浏览器历史记录,然后执行硬刷新,然后尝试登录到您的应用程序

答案 2 :(得分:0)

它是PWA(渐进式Web应用程序).​​..吗?在这种情况下,数据是由服务人员提供的,而不是新获取的。

转到

  • Chrome开发者工具(按F12键)...
  • 单击“应用程序”选项卡上的
  • 左侧导航,单击“服务人员”,然后单击“取消注册” 服务人员...
  • 转到左侧导航栏中的下一个选项,点击“清除存储空间” ...
  • 单击右侧区域中的“清除站点数据”按钮,重启Chrome并使用Ctrl + shift + R进行检查

如果您使用的是CDN,则可能还必须从那里清除该特定CSS文件的缓存。

答案 3 :(得分:0)

您可以在 Chrome 开发工具中禁用缓存。 按 F12 转到 Chrome 中的开发者工具,网络-> 点击禁用缓存

我遇到了类似的问题。这对我有帮助。希望它可以帮助某人