如何通过 https 修复 css 和 js 的“阻止加载混合活动内容”

Question

尝试通过 https 查看我的网站时，我的 Firefox 控制台中不断出现“阻止加载混合活动内容”错误。我仅在我的 css 和 js 文件中收到此错误。

之所以这么糊涂，是因为页面代码本身对文件的引用是https：

<link rel="stylesheet" href="https://www.example.com/style.css">

但在控制台中，它显示为 http:

阻止加载混合活动内容“http://www.example.com/style.css”[了解更多]

我可以在页面上查看源代码并搜索“http://”，页面上任何地方都没有结果。

有什么想法吗？

Answer 1

我认为您可以尝试使用相关协议调用者。

<link rel="stylesheet" href="//www.example.com/style.css">
                    ---------^^

如果您的用户以 http 方式访问您的网站，则加载 http，如果用户以 https 方式访问，则加载 https。