&引用；“阻止加载混合活性内容”；在Firefox中_Firefox_Codepen

&引用；“阻止加载混合活性内容”；在Firefox中

firefox

&引用；“阻止加载混合活性内容”；在Firefox中,firefox,codepen,Firefox,Codepen,我的codepen项目在Firefox中出现错误阻止加载混合活动内容 “” 它在Chrome和Safari中运行良好，但在Firefox中，布局似乎是错误的，我不能拖放对象。我在线查看了解决方案，其中提到使用HTTP资源可能会导致此错误，但我使用的唯一外部资源是： <head> <script src="https://d3js.org/d3.v3.min.js" charset="utf-8"></script> <link rel="sty

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

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

它在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>

知道还有什么问题吗？

我也有这个问题

在尝试在codepen.io上测试项目的同时，您是否碰巧在8888端口上运行了本地web服务器？而且，您的本地web服务器是否使用了与您的codepen项目相同的字体可怕包

在我的例子中，我试图测试部署在web上的登台服务器上的项目，同时我也在本地主机上测试该项目

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

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

我有一种感觉，这可能是Firefox的一个bug，它将存储在本地缓存中的字体资产混合在一起，并在不同的选项卡上同时使用。

您可以直接从他们的网站中包括d3js。这可能会导致此错误。使用类似cdnjs的CDN。原因是d3不是作为Javascript文件交付的，而是作为纯文本交付的。所以Firefox抱怨+1，我确认。我只是有同样的场景，还有一个.woff2文件。关闭打开的选项卡，重新启动firefox并重新加载页面可以消除这些症状。它看起来真的像一个Firefox bug。