Chrome 不尊重相对 URL 中的 https答案

【问题标题】：Chrome not honoring https in relative URLsChrome 不尊重相对 URL 中的 https
【发布时间】：2012-10-07 19:44:34
【问题描述】：

我有一个网站可以在 Firefox 和 IE 中完美加载，但被 Chrome 阻止。 Chrome 抱怨混合模式内容，但是所有资源都通过同一域中的相对 URL 访问。

据我了解，相对 URL 应该使用与正在加载的“主”页面相同的协议。既然如此，我有以下几点：

<link href="/assets/css/small.css" title="Small" rel="alternate stylesheet" type="text/css" />
<link href="/assets/css/large.css" title="Large" rel="alternate stylesheet" type="text/css" />

两者都是相对 URL。当页面通过 HTTPS 加载时，我从 Chrome 控制台获得以下信息（我更改了域名以保护客户的隐私）：

[阻止] https://www.example.com/Login/ 的页面运行不安全来自 http://www.example.com/assets/css/small.css 的内容。 [阻止] https://www.example.com/Login/ 的页面运行不安全的内容 http://www.example.com/assets/css/large.css。

我认为相对 URL 应该遵守所请求的协议是错误的吗？

更新： 它还阻止以相同方式引用的 .js 文件：

<script src="/assets/scripts/change-text-size.js" type="text/javascript"></script>

被阻止：

[阻止] https://www.example.com/Login/ 的页面运行来自 http://www.example.com/assets/scripts/change-text-size.js 的不安全内容。

另一个奇怪的事情是，如果我在有问题的页面上查看源代码，我会看到相对 url，如果我将光标悬停在资产（样式表、.js 文件）的“链接”上工具提示确实说它是 https:.

更新 2： .css 文件中没有引用任何内容。以下是上面提到的“small.css”文件的全部内容：

div#content-wrap,
div#content-one-col
{
    font-size: 65%;
}

【问题讨论】：

我认为您提供的信息是正确的。您能否发布一个我们可以直接查看的公开示例？
当然，一个公开的例子是：bayerglucofacts.com 首先选择一个国家（例如德国），然后选择“登录”链接。不幸的是，没有一个英语“活”的例子。

标签： google-chrome ssl

【解决方案1】：

在您的公开示例中，静态资产重定向到 http 版本，导致 Chrome 抱怨。

例如，如果你转到 https://www.bayerglucofacts.com/assets/css/de-de.css - 你会得到一个 302 重定向到 http://www.bayerglucofacts.com/assets/css/de-de.css 这会给出错误。

【讨论】：

@cmattix - 您可能会发现 Telerik 的免费工具 Fiddler 有助于诊断此类问题fiddler2.com
Fiddler 只是 .NET，不过，@pwdst。不能只通过 Chrome 本身转到查看 -> 开发人员 -> JavaScript 控制台，然后选择网络选项卡，然后在此处跟踪 http:// 调用吗？
确实有这个问题，非常有帮助的答案

【解决方案2】：

我也遇到了同样的问题，这是由于 <base> 标记指向该网站的非 SSL 版本。

但是，正如 ScottR 所指出的，这是由于您的 CSS 重定向到了非 SSL 版本。看来现在已经解决了 - 不过不要忘记接受他的回答！

【讨论】：

【解决方案3】：

css 中的链接似乎很可能指向 http 图像/资源。

【讨论】：

css 文件中没有引用任何内容。