可以跨域获取 iframe 的 url 吗？

Question

如果是跨域 iframe，如何在页面加载时获取 iframe 的当前 url？

背景 - 我正在尝试在我的网站上启用 SSL。但是，我的用户需要能够通过 iframe 加载任何 url。如果他们尝试使用 http 协议加载 iframe，它将拒绝加载，因为父页面是 https。

我想自动检测 iframe 是否为 http - 如果是，则将父页面重定向到 http。但是，使用我尝试过的任何方法，访问时都会出现 CORS 错误。

这是我的 iframe：

<iframe id="myframe" src='https://apple.com' onload="this.contentWindow.parent.postMessage(this.contentWindow.document.location.protocol, parent.document.location);" width="800" height="600">
</iframe>

这是我的事件监听器：

window.addEventListener("message", receiveMessage, false);
function receiveMessage(event) {
  console.log(event.data)
}

我能够接收纯字符串作为消息，但我无法接收协议。我使用 window.postMessage() 的结果是一个 CORS 错误，我认为它应该允许跨域通信。

Answer 1

不可能，出于安全原因，您无法访问 iframe 的其他域/主机/端口内容或 src url