我应该如何处理我网站上的混合内容警告？

Question

我的服务器配置为仅使用 HTTPS；这工作正常。

但是当我访问该网站时，我在 Firefox 中收到了这条消息（在 URL 栏旁边）：

Firefox 正在阻止此页面
上的内容 即使内容被阻止，大多数网站仍能正常运行。

不安全的内容
本网站上的一些未加密元素已被阻止。

该网站运行良好，我只是讨厌收到该消息并且不知道它的含义。

有什么方法可以确定究竟是什么被阻止了？我试着一一关闭网站上的某些功能，但找不到导致这种情况的原因。

这只发生在 Firefox 中。Chrome 没有显示错误消息。

---

萤火虫 说：

Blocked loading mixed active content "http://jqueryapi.info/?getsrc=ok&ref=https%3A%2F%2Fexample.com%2F"

这似乎是由 javascript 混淆引起的。如果我将 javascript 代码更改为正常，则不会发生这种情况。所以现在我想知道有没有办法绕过这个？

Answer 1

你问：“有什么方法可以确定到底是什么被阻止了？ ”，答案是肯定的。

当然，检查浏览器出了什么问题的最有效方法是……直接询问浏览器:-)

现代浏览器的最新版本（如 Firefox 和 Chromium/Chrome）包括一个“开发工具”，除其他外，它可以准确报告浏览器通过网络发送的 HTTP 请求，以及对于每个请求得到的响应从远程网络服务器返回（如果有的话...）。

在 Chrome/Chromium 世界中，可以使用 CTRL-SHIFT-I 访问开发人员工具，或者，如果您更喜欢菜单路径，“工具”=>“开发人员工具”

在 Firefox 中（至少在我的第 33 版中），序列是相同的。

激活“开发人员工具”后，您可以选择“网络”选项卡。之后，如果您将浏览器指向原始 URL，则浏览器将报告所有详细信息。

此外，我还建议检查“控制台”（在“开发人员工具”区域中选择适当的“选项卡”），因为它可能包含许多有用的信息，至少在您遇到一些问题时 :-)

PS：至于浏览器报告的消息（本网站上的某些未加密元素已被阻止），我敢打赌浏览器正在抱怨，因为您正在访问受 SSL 保护的 URL 并且从该 URL 返回的 HTML 确实包含对可通过标准 HTTP 访问的其他资源（CSS、图像、脚本等）的一些参考，无需 SSL 保护。因此，浏览器不是通过网络发送清晰的上下文，而是决定“阻止”它们。