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

Posted

技术标签:

【中文标题】Firefox 中的“阻止加载混合活动内容”【英文标题】:"Blocked loading mixed active content" in Firefox 【发布时间】: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 错误。

以上是关于Firefox 中的“阻止加载混合活动内容”的主要内容,如果未能解决你的问题,请参考以下文章

捕获“阻止加载混合活动内容”CORS 错误

如何通过 https 修复 css 和 js 的“阻止加载混合活动内容”

ReferenceError:未定义jQuery jQuery.noConflict() [重复]

flex 容器中的绝对定位项仍被视为 IE 和 Firefox 中的项

Firefox 6:XPCOM 组件中的 QueryInterface(nsIDOMWindow::GetIID() 问题,用于从 js 传递的浏览器内容窗口

Firefox Build 不适用于 Selenium