【问题标题】:CSS not updating on changeCSS 不更新更改
【发布时间】:2017-05-31 23:26:56
【问题描述】:

当我尝试更改我当前的 CSS 或向我的样式表添加新的 CSS 时,没有显示任何更改(标签仍由未更改的旧代码设置样式)。

例如,如果我删除一个类的内容并使用 F12 进入 chrome 调试工具,我可以看到我删除的内容仍然显示 - 即使我清除了按 Ctrl+Shift+R 或按 Ctrl+F5 进行缓存!

我网站的所有其他文件似乎都在正确更新,所以如果我使用内联样式,它会正确更新。

奇怪的是,当我进入我的网站控制面板并从我的服务器手动下载 CSS 样式表时,我可以看到代码确实已经用新代码进行了更新,这很奇怪,因为在使用 F12 检查它时,我仍然可以看到没有更改的旧代码。

  • 我正在使用 Microsoft Webmatrix 进行编码。
  • 我使用的是 Chrome 网络浏览器。
  • 我正在使用 Hostgator 托管。

我已经用尽了所有的故障排除选项,并且被一些无论如何都不应该发生的事情打败了。我想我以前遇到过这样的问题,我认为只要等待一天让任何魔法起作用就可以解决,但我不应该等待。像这样的问题在现场环境中是绝对不能接受的。关于可能导致此问题的任何想法?

已修复!

已更改:https://example.com/app/source/css/main.css

对此:https://example.com/app/source/css/main.css?v=1

【问题讨论】:

  • 我唯一能想到的是,您看到的 CSS 与您想看到的位置不同。验证头部中的
  • 哇,事情变得奇怪了.. 当我检查头部的链接(这是正确的路径)并单击它时,它向我显示了该文件中的所有 CSS。除了现在它向我展示了里面的旧代码!为什么会发生这种情况,即使当我在控制面板上从我的网站手动查看 CSS 时,它显示了正确的更改代码?它就像 Hostgator 服务器有某种奇怪的缓存。
  • 它变得更奇怪了..当我从一个类中删除内容并从 F12 调试工具中查看它时,它显示样式现在来自 标签,即使我永远不要使用它们。当我单击文本时,它只是将我链接到上一个主样式表...为什么 q.q
  • 你可以试试在CSS链接的URL后面加?v=1
  • 没有。那只是再次调用服务器(两者都只是刷新)。物理清除缓存是最好的。顺便说一句,使用 ?V=1(或每个版本的序列号)还可以确保用户在发布后重新访问您的页面不会遇到相同的问题

标签: html css google-chrome webmatrix updating


【解决方案1】:

您可以尝试 ctrl + shift + r(在 PC 上)硬重置浏览器并确保缓存不显示旧 CSS。

一件事是验证您正在编辑正确的文件。有一次,当我有两个名称相同的文件时,我设法遇到了这个问题,但其中一个位于带有 index.html 的文件夹之外,而这正是我正在编辑的那个。

【讨论】:

    【解决方案2】:

    在头部的 CSS 链接的 URL 后面添加 ?v=1,这将强制使用非缓存版本,因为不同的(新)文件名。这个数字应该是唯一的,所以如果你以后想用这个,一定要把1替换掉。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2013-12-03
      • 1970-01-01
      • 2013-01-05
      • 2022-01-15
      • 2019-05-10
      • 2018-07-20
      • 2014-03-30
      • 1970-01-01
      相关资源
      最近更新 更多