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

Question

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

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

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

尝试#1

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

尝试#2

我使用 TinyURL 将我的 HTTP 链接转换为具有 HTTPS 的短 URL。...这适用于大多数链接（这很棒！）

单击时剩余的链接有额外的 Javascript，它将 URL 查询字符串添加到 URL 的末尾。这些字符串成功应用于 TinyURL，但不适用于最终目标 URL。

我能想到的唯一其他解决方案（如果可能的话）是......

• 在打开新选项卡和加载网站之前，将特定链接 onClick 转换为 HTTP 的 JavaScript。
• JavaScript 延迟 HTTP 链接的加载。

标签： javascripthtml

Answer 1

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

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

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