从AMP父帧到iframe中的页面的通信

时间:2017-01-11 22:10:01

标签: javascript html accelerated-mobile-page

我正在使用加速移动页面(AMP)构建静态网站。很多页面都包含使用" amp-iframe"的iframe标签。子页面不符合AMP。

我需要一种方法让子页面确定父页面何时完成加载。这里不能使用正常的parent.window.onload,因为父页面通常位于不同的域(主要是Google的缓存)中,而不是子页面。

AMP实现postMessage方法的某些部分作为帧之间的通信方式(https://www.ampproject.org/docs/reference/components/amp-iframe),但是文档记录很少,我无法弄清楚如何可靠地传递消息该页面上显示的一个例子。

非常感谢任何帮助。

1 个答案:

答案 0 :(得分:0)

尝试下载一些免费的网站模板。我认为有些表格和结果页可能会使用iframe。

与iframe动态互动的示例: https://amp.dev/documentation/examples/components/amp-iframe/

我同意他们的文件很糟糕。如果他们只是发布更多示例网站和模板,将非常容易。