【问题标题】:Diagnosing Perplexing CSS errors诊断令人费解的 CSS 错误
【发布时间】:2014-01-16 17:12:48
【问题描述】:

我的网站已经上线一个月了,没有任何问题。

今天早上一切正常,直到我在 chrome 中打开开发者工具,当缓存刷新时网站出现混乱!

在 Firefox 中打开网站我能够了解发生了什么,但仍然不知道如何解决它。

在刷新缓存之前在 Firefox 中打开页面

请注意 css 日志中没有错误。

刷新缓存

没有应用任何 css,您可以看到很多 css 相关的错误。

我浏览了所有的 css/脚本文件,在过去的 24 小时内没有一个文件被更改过。它们似乎都是过去一个月运行良好的相同文件。

谁能告诉我这里可能发生了什么?是服务器问题吗?感谢任何想法/答案,以帮助我深入了解这一点。

【问题讨论】:

  • 在其他浏览器中可以正常工作吗?
  • @PeterVasilev 没有这开始在所有浏览器中发生。在它像所有浏览器中的第一张图片一样工作之前。
  • 如果您使用某种缓存和/或缩小,您应该检查它们,因为它们可能会导致您的问题
  • @PeterVasilev 好吧,我刚刚尝试使用我的 css/脚本的非缩小版本,但问题仍然存在 :(
  • @PeterVasilev 检查我的答案。感谢您的帮助。

标签: javascript jquery html css deployment


【解决方案1】:

在 FF 的浏览器工具中点击 CSS 按钮旁边的箭头并取消选择警告。

您看到的是与供应商相关前缀等相关的警告。

一般来说,如果警告严重到需要采取措施,那么它们就是错误。在我看来,您可以放心地忽略它们。

请看这里:Should FF Error Console "Warnings" be taken seriously if page is not "broken"?

【讨论】:

  • 但是我的页面坏了,看看之前/之后的图片。
  • 警告是针对'-moz-border-radius'之类的东西,显然应该由Firefox正确解析
  • 是的,这就是为什么它真的很奇怪。
  • 我实际上什至不知道这个问题是否已经从外部开始发生了。但也许你可以帮我检查一下。如果你去wheelercat.com/jobs 申请工作。应用程序屏幕将出现..它要么看起来像我的第一张图片一样正常,要么全都一团糟..如果我从我的工作计算机导航到那里,那么我将在内部服务器上..我们在外面有一个不同的主机。
【解决方案2】:

看起来您的网站有很多指向样式表的正确路径。你最近有没有换过头像或者xml?

【讨论】:

    【解决方案3】:

    已解决

    另一位开发人员将我们的引导文件从 2.3.2 更新到了最新版本的引导程序。由于某种原因,文件的修改日期在服务器上没有改变。

    无论如何,因为这个问题是如此孤立,而且这个问题将来可能对任何人都没有任何帮助,我会删除它.. 但是把这个解决方案搁置几个小时,作为对那些有的人的仅供参考回答/评论了这个问题。

    【讨论】:

    • 很高兴你把它整理好了。 BTW -moz-border-radius 已从 Firefox 13 中删除。这就是您将其视为错误的原因。
    • @JackZelig 哦,好吧,现在说得通了,谢谢。
    猜你喜欢
    • 1970-01-01
    • 2011-10-07
    • 2013-12-23
    • 1970-01-01
    • 1970-01-01
    • 2021-10-26
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多