添加 HTTP 鏈接到 SSL HTTPS 頁面，而不會導致混合內容“不安全”錯誤

Question

如何在此頁面上添加不安全的 HTTP 鏈接而不會導致錯誤“不安全。”？

• 我有一個安全的 web 頁面，其中包含 SSL HTTPS。
• 這個 web 頁面是一個帶有 100 多個按鈕的儀表板，這些按鈕都包含外部網站的鏈接。
• 不幸的是，並非所有這些網站都支持 HTTPS ......在 2020 年很常見！

在保持站點鎖定的同時，有什么方法可以解決此問題？

嘗試#1

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

嘗試#2

我使用 TinyURL 將我的 HTTP 鏈接轉換為具有 HTTPS 的短 URL。 ...這適用於大多數鏈接（這很棒！）

單擊其余鏈接時，有額外的 Javascript 將 URL 查詢字符串添加到 URL 的末尾。 這些字符串成功應用於 TinyURL，但不適用於最終目標 URL。

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

• 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);
}

基本上，發生的事情是它從安全頁面重定向到非安全頁面，而不會導致“混合內容”錯誤。 它從window.location.search獲取url參數，然后重定向到該參數。