阻止加载混合的活动内容答案

【问题标题】：Blocked loading mixed active content阻止加载混合的活动内容
【发布时间】：2014-01-03 12:27:45
【问题描述】：

我在控制台中收到这些警告，但我的脚本运行不正常

阻止加载混合活动内容“http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css”

截图如下：

如何解决这些警告？

我的脚本：

<script type="text/javascript" src="http://malsup.github.io/jquery.blockUI.js"> </script>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css">

【问题讨论】：

你在哪里加载这个 css 也放一些代码
有 Firefox 版本 23 吗？
我的 Firefox 版本是 25.0.1。这个问题也出现在 Chrome 上
Why am I suddenly getting a "Blocked loading mixed active content" issue in Firefox?的可能重复

标签： javascript jquery warnings

【解决方案1】：

如果您将页面视为 SSL，则会出现此类问题。您需要将您的引用修改为 https 或以 // 开头的 url，这样您就可以避免这个问题。

【讨论】：

【解决方案2】：

这是Why am I suddenly getting a "Blocked loading mixed active content" issue in Firefox? 的副本，其中包含一个完美而简洁的答案：

使用 HTTPS 显示的页面正在通过 HTTP 调用内容。这可以通过通过 HTTP 调用页面本身或让页面使用与调用自身相同的协议来调用其（可能是动态的）内容来纠正。

【讨论】：

【解决方案3】：

当用户访问通过HTTP 提供的页面时，他们的连接会被窃听和man-in-the-middle (MITM) 攻击。当用户访问通过 HTTPS 提供的页面时，他们与 Web 服务器的连接会通过 SSL 进行身份验证和加密，从而防止窃听者和 MITM 攻击。

但是，如果HTTPS 页面包含HTTP 内容，则攻击者可以读取或修改HTTP 部分，即使主页是通过HTTPS 提供的。当 HTTPS 页面包含 HTTP 内容时，我们称该内容为 “mixed”。用户正在访问的网页仅部分加密，因为部分内容是通过HTTP 检索到的unencrypted。混合内容阻止程序会阻止 HTTPS 页面上的某些 HTTP 请求。

从Blog得到这个

【讨论】：

【解决方案4】：

使用此代码包含您的 cdn 文件： 在您的网址中使用 https 协议：

<link rel="stylesheet" href="https://code.jquery.com/ui/1.8.10/themes/smoothness/jquery-ui.css" type="text/css">
<script type="text/javascript" src="https://ajax.aspnetcdn.com/ajax/jquery.ui/1.8.10/jquery-ui.min.js"></script>

或者这个模式：

<link rel="stylesheet" href="//code.jquery.com/ui/1.8.10/themes/smoothness/jquery-ui.css" type="text/css">
<script type="text/javascript" src="//ajax.aspnetcdn.com/ajax/jquery.ui/1.8.10/jquery-ui.min.js"></script>

【讨论】：

另外，这个 SO 问题（第二个答案）包括你需要知道的关于 url 的一切。
那么，如果我有域 - 使用 nonssl 提供静态文件（.js、.css）， // 是否仍然有效？在您的帖子中，我只看到域 code.jquery.com 同时具有 http 和 https