在跨域获取iframe当前src url

Question

我的网络应用程序中有一个iframe,我需要从父文档中获取当前的URL(当用户导航框架并更改原始源URL时).

只需要社交分享网址即可.

作为跨域方案,我不拥有子文档(它是远程域).

我知道同源策略阻止从父文档到子文档的跨域访问,但我正在寻找任何可能的创意方法的解决方案 - 必须有一种解决方法.

Answer 1

如果您不控制 iFrame 内容，那么唯一的解决方案是创建一个代理，将以下代码行注入到每个页面中。

window.postMessage(window.location,'*');

然后在父页面上您可以收听消息。

window.addEventListener("message", receiveMessage, false);

function receiveMessage(event) {
  console.log(event.data);
}