使用服务器端解决方案绕过跨域策略来访问iframe的HTML

Question

当前，我们正在尝试访问动态生成的html元素的HTML（使用javascript）（例如，获取图像的url）。 如果html元素仅使用javascript生成-它们没有问题。 只需通过访问DOM元素使用javascript提取图像网址即可。 但是现在我们在使用iframe时遇到了麻烦。

目前的情况是：

• 我们包含外部脚本文件（www.test.com/script.js），以在我们的网站上创建一个图库
• script.js在我们的网站中生成了一个新的iframe （document.write（“此处为iframe代码”））； 参考www.test.com/iframe.html）
• iframe.html再次包含javascript代码，以通过创建服务器dom元素（div，img，a，p，...）来生成图库。

现在我们需要阅读这些图像的src属性。 使用浏览器的调试工具，这没有问题。 没有iframe，这也没有问题。 但是使用iframe时，由于浏览器的跨域策略，我们无法使用javascript访问iframe.html的html。

一种可能的解决方案是尝试使用javascript获取iframe标记的src，调用服务器端脚本以获取src-url的html内容，然后通过客户端上的eval（）-function再次运行该内容。

我希望您还有其他更好的方法可以解决该问题。

Answer 1

从您的问题尚不清楚，但是如果您的应用程序正在提供iframe，则可以使用postMessage来在iframe及其父窗口之间进行通信。