将HTTP链接添加到SSL HTTPS页面而不会引起混合内容“不安全”错误

Question

如何在此页面上添加不安全的HTTP链接而不会导致错误“不安全。”？

• 我有一个使用SSL HTTPS的安全网页。
• 此网页是一个包含100多个按钮的仪表板，所有按钮都包含外部网站的链接。
• 不幸的是，并非所有这些网站都支持HTTPS ...常见于2020年！

在保持站点锁定的同时，有什么方法可以解决此问题？

我尝试过：

<link rel="ampHtml" href="http://example.com/">

我唯一能想到的其他解决方案（即使可能）是...

• JavaScript在打开新标签并加载网站之前将onClick的特定链接转换为HTTP。
• JavaScript延迟HTTP链接的加载。

Answer 1

您可以创建重定向页面。最基本的方法是使用JavaScript创建重定向页面。

if (window.location.search.includes("?url=")) {
  var url = window.location.search.replace("?url=", "");
  window.location.replace(url);
}

基本上，正在发生的事情是它从安全页面重定向到非安全页面，而不会引起“混合内容”错误。它从url获取window.location.search参数，然后重定向到该参数。