Firefox 中的“阻止加载混合活动内容”答案

【问题标题】："Blocked loading mixed active content" in FirefoxFirefox 中的“阻止加载混合活动内容”
【发布时间】：2018-07-30 01:08:03
【问题描述】：

我的 codepen 项目在 Firefox 中出现错误。

阻止加载混合的活动内容 “http://localhost:8888/static/components/font-awesome/fonts/fontawesome-webfont.woff2?v=4.7.0”

它在 Chrome 和 Safari 中运行良好，但在 Firefox 中布局似乎是错误的，我无法拖放对象。我检查了在线解决方案，其中提到使用 HTTP 资源可能会导致此错误，但我使用的唯一外部资源是：

<head>
  <script src="https://d3js.org/d3.v3.min.js" charset="utf-8"></script>
  <link rel="stylesheet" href="styles/index.css">
</head>

知道还有什么问题吗？

【问题讨论】：

您直接从他们的网站包含 d3js。这可能会导致此错误。改用像 cdnjs 这样的 CDN。原因是 d3 不是作为 Javascript 文件而是作为纯文本交付的。所以Firefox抱怨

【解决方案1】：

我也遇到了这个问题。

您是否在尝试在 codepen.io 上测试项目的同时在端口 8888 上运行本地 Web 服务器？而且，您的本地 Web 服务器是否使用与您的 codepen 项目相同的 font-awesome 包？

在我的例子中，我正在尝试在网络上测试部署在我们的暂存服务器上的项目，同时我也在我的本地主机上测试该项目。

由于某种原因，Firefox 在 localhost 上给出了关于我的字体资产的“混合活动内容”警告，即使我在 Web、完全不同的服务器和不同的浏览器选项卡上查看我们项目的控制台.

当我关闭我的本地主机服务器，关闭打开它的选项卡并在网络上刷新项目时，警告消失了。

我感觉这可能是一个 Firefox 错误，它混合了存储在本地缓存中并同时在不同选项卡中使用的字体资源。

【讨论】：

+1 我确认。我刚刚遇到了同样的情况，还有一个 .woff2 文件。关闭打开的选项卡、重新启动 Firefox 并重新加载页面可以消除这些症状。它真的看起来像一个 Firefox 错误。