告诉 iFrame 内容的方向

Question

我目前有一个带有 iFrame 的网站，该 iFrame 是为平板电脑设备（例如 iPad）设计的。 我能够检测父级中的方向以更改 iFrame 本身的宽度和高度，但我似乎无法让 iFrame 页面在更改时检测设备的方向。

我知道如果我从 Safari Mobile 中的 iFrame 本身加载实际页面而不是在 iFrame 中，它会检测到更改并根据当时的方向进行旋转。 如果我在 iFrame 中以横向方式加载页面，则会以横向方式加载内容，反之亦然。 似乎它不想在 iFrame 中加载自身后不断检测方向，而仅在初始加载时检测。

有没有办法告诉 iFrame 方向已经以某种方式改变了？我已经使用了这段代码，但没有成功：

window.addEventListener("orientationchange", function(){
                var iframe = document.getElementById("youriframe").contentWindow;
                iframe.postMessage({
                    orientation: window.orientation
                }, 'http://the.domain.of.the.iframe.com');
}, false)

更困难的是我无法编辑 iFrame 的内容，因为它不是我的！下面的代码就是您要注入的代码！

window.addEventListener("message", function(e){
            var newOrientationValue = e.data.orientation;
            alert(newOrientationValue); // <--- DO your own logic HERE
}, false)

请帮忙，我已经绞尽脑汁想了好几天了！ 希望一切都有意义。