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

时间:2018-02-19 18:35:18

标签: firefox codepen

我在Firefox中为我的codepen项目收到错误。

  

阻止加载混合活动内容   “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>

知道还有什么可能是错的吗?

1 个答案:

答案 0 :(得分:1)

我也遇到了这个问题。

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

在我的情况下,我试图测试部署在我们的登台服务器上的项目,同时我也在我的localhost上测试项目。

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

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

我觉得这可能是一个Firefox错误,它混合了存储在本地缓存中的字体资产,并且同时在不同的标签页中使用。