阻止加载混合活动内容

Question

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

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

Answer 1

使用此代码包含您的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>

Answer 2

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

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

来自Blog

Answer 3

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

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

Answer 4

如果您将该页面视为SSL，则会出现此类问题。您需要将您的引用修改为https，否则将其作为//启动，以便您可以避免此问题。