如何解决混合内容错误:页面请求了不安全的字体'https:'

时间:2018-10-29 12:55:21

标签: fonts mixed-content

我的页面(page here)突然在JavaScript控制台中显示了一个不确定的混合内容错误。如何解决此错误?错误消息是:

Mixed Content: The page at 'https://www.horizonhomes-samui.com/' was loaded over HTTPS, but requested an insecure font 'https:'. This request has been blocked; the content must be served over HTTPS.

通常,混合内容错误会显示有问题的不安全呼叫的完整URL。但是在这种情况下,它仅显示https:。错误引用引用了我的HTML源代码中的第一行,但并不能很好地说明问题。

以下是我已执行的其他疑难解答步骤:

  • 作为一个测试,在我的私有开发站点上,我向页面添加了一个附加的响应标头,以期希望对混合内容错误有更多的了解(每个these Google instructions),并加载了页面。这次JS控制台包含更多信息(screenshot)。一些新条目指向文件scripts.js,特别是行var ret = test.offsetTop !== control.offsetTop;,这是似乎与Modernizr JavaScript库(screenshot)相关的函数的一部分。其他条目更直接地指向Modernizr库。

  • 我试图进行搜索并替换我的数据库,但这并不是很有启发性。具体来说,使用插件来执行搜索并替换空运行。在其中不进行任何更改。它仅生成一份报告,说明哪些数据库表将被修改,以及每个表将进行多少次修改。我在几个数据库表中搜索“ http:”,并返回了约1,200个匹配。

  • 我有能力对我的所有源代码进行文本搜索。但是我要搜索什么https:?那将返回太多点击以供审核。

  • 该网站是WordPress网站。作为测试,我尝试将主题从子主题更改为父主题,然后问题消失了。因此,我想这是我的一个儿童主题文件中的罪魁祸首。

  • 我无法在Firefox中复制该问题。我无法在IE或Edge中进行准确的测试,因为我目前与这些浏览器遇到一个单独的,无关的问题。

  • 查看我的源代码,我发现有四种类似的Google字体调用,分别是Questrial,Raleway,Montserrat和Comfortaa。在Chrome开发者工具的“网络”标签中,它表示已正确加载了蒙特塞拉特和Questrial字体(screenshot)。但是加载两种其他未知字体时出错。也许这两个未知数是Raleway和Comfortaa字体。作为一项额外的测试,我能够省略对“ Raleway”字体(screenshot)的调用。但是页面仍然显示两个与字体有关的混合内容错误。我本以为忽略这些字体调用之一可能会消除其中一种混合内容错误。

在我管理此网站的过去三年中,没有出现任何内容混合错误。据我所知,除了更新几个星期前所做的几个插件外,我没有做任何会导致此问题的更改。我想作为故障排除步骤,我可以尝试确定我更新了哪些插件,并将其回滚到以前的版本。

0 个答案:

没有答案