使用 javascript 檢測混合內容

Question

我正在尋找一種方法來檢測（在 javascript / angular 中）是否存在一個或多個混合內容問題，以便通知用戶此頁面使用 http 鏈接而不是正確的 https 鏈接。

這是一個很關鍵的特性，這個項目只是關於用戶創建的內容，如果沒有提供信息消息，因為https導致內容不顯示被視為重大失敗。

到目前為止，我偶然發現了 iframe/圖像加載失敗檢測，但這也可能是許多其他問題（斷開的鏈接，...）。

對此事的任何想法將不勝感激！

Answer 1

我剛剛遇到了同樣的問題，請查看此文檔：

它有非常有用的信息，尤其是這個很有用：

Content-Security-Policy-Report-Only: default-src https: 'unsafe-inline' 'unsafe-eval'; report-uri https://example.com/reportingEndpoint

我花了一段時間才理解它的含義，但基本上它是這樣寫的：不允許加載任何類型的非 https url，但允許在腳本塊中使用內聯腳本/樣式和 eval 腳本。 不要對匹配項采取行動，只需將它們報告到此 url