【问题标题】:CSS and images not loaded on some devices - wordpress某些设备上未加载 CSS 和图像 - wordpress
【发布时间】:2018-06-08 19:38:55
【问题描述】:

所以我设置了这个 Wordpress 网站: http://dev10.xmedia.no/

在我的一台计算机和我同事的计算机上,该站点正常显示。在我的 Android 手机上,当处于 Chrome 的私人冲浪模式时,它可以正常工作。

但它在客户计算机上、在我的手机上以 Chrome 的正常模式以及通过 Googles speed test 呈现时“搞砸”了,没有图像和 CSS。

我已经在具有相同设置的服务器上以相同的方式设置了多个 WP 站点,因此这里应该没有什么特别之处。有人知道为什么它在某些设备上没有正确加载吗?

【问题讨论】:

  • 它也被我的桌面火狐搞砸了
  • 在我的桌面火狐上也是如此。所有资产都在我的网络选项卡中返回 HTTP 200 代码,所以应该没问题。我在这里看到了 HTML 错误:<!-- end .off-canvas-wrapper -->。那个 div 正在关闭不存在的东西。
  • 是否使用了不同的插件?
  • 我现在已经停用了 WPML 插件,这是我教过的唯一一个可能会遇到麻烦的插件。修复了额外的
    -闭包,但没有任何变化。

标签: php css wordpress image


【解决方案1】:

CSS 未加载,因为它受密码保护。如果您尝试直接转到样式表,您会明白我的意思:

http://dev10.xmedia.no/wp-content/themes/fiberteam/assets/styles/style.css

删除此块,样式表将正确加载。

【讨论】:

  • 我不太清楚你的意思。我可以直接访问样式表而无需任何密码 - 应该如此 - 它在您的网站上的外观如何?
  • 当我尝试直接加载样式表时,我看到一个页面,上面写着“为了确保您是真正的用户,您必须先通过这个识别层,这是为了让确保您没有试图入侵该网站。请输入下面的文字。”并且有一个验证码可以输入。我假设这不会发生在你身上,因为你已经这样做了,或者你的 IP 地址被列入白名单之类的。尝试转到您的手机或其他计算机上的 url,看看您是否收到错误。
  • 啊啊,我明白了!几周前我在另一个网站上看到了这条消息(同一个共享服务器)。从那以后我就再也没有看过了,所以有点忘记它了。我不知道这是从哪里来的,所以我已经联系了我的托管服务提供商并提供了这些信息。非常感谢!
【解决方案2】:

您只加载 3 个样式表。

style.css?ver=1,字体很棒,还有视频播放器 css。

style.css 里面好像很少:

.wpml-ls-legacy-list-horizontal{border:1px solid transparent;padding:7px;clear:both}.wpml-ls-legacy-list-horizontal>ul{padding:0;margin:0 !important;list-style-type:none}.wpml-ls-legacy-list-horizontal .wpml-ls-item{padding:0;margin:0;list-style-type:none;display:inline-block}.wpml-ls-legacy-list-horizontal a{display:block;text-decoration:none;padding:5px 10px;line-height:1}.wpml-ls-legacy-list-horizontal a span{vertical-align:middle}.wpml-ls-legacy-list-horizontal .wpml-ls-flag{display:inline;vertical-align:middle;width:18px;height:12px}.wpml-ls-legacy-list-horizontal .wpml-ls-flag+span{margin-left:.4em}.rtl .wpml-ls-legacy-list-horizontal .wpml-ls-flag+span{margin-left:0;margin-right:.4em}.wpml-ls-legacy-list-horizontal.wpml-ls-statics-footer{margin-bottom:30px}.wpml-ls-legacy-list-horizontal.wpml-ls-statics-footer>ul{text-align:center}

看来您只是忘记加载主样式表了。

更新当我访问您评论中的 CSS 链接时,我得到了一个验证码。现在,当我访问该站点时,我会看到该站点的外观。 是你的问题吗?

【讨论】:

  • 我不认为这是问题所在,这是 wordpress - 应该处理所有样式。另外,似乎有 9 个样式表正在加载状态 200
  • 这是主要的 CSS 文件 -> dev10.xmedia.no/wp-content/themes/fiberteam/assets/styles/… 在我的 Chrome 检查器(隐私模式)中,它与其他 6 个样式表一起加载(我现在已停用 WPML 插件但没有做任何更改)
  • 这绝对没有为我加载,该文件中还有很多 CSS
  • 你现在好像修好了?
  • 问题可能是突然出现的验证码检查。我将不得不找出托管服务提供商最近添加的内容。谢谢!
【解决方案3】:

代码没有问题。我已经下载了源代码并放在我的本地,它工作正常。托管服务器上似乎有一些损坏。

【讨论】:

  • 感谢您对此进行测试。我确实会联系服务器提供商。
猜你喜欢
  • 2021-02-11
  • 1970-01-01
  • 2011-12-02
  • 1970-01-01
  • 2020-01-03
  • 2014-11-17
  • 1970-01-01
  • 2017-02-19
  • 2021-10-25
相关资源
最近更新 更多