Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/391.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 将iFrame的内容告知方向_Javascript_Iframe_Cross Domain_Orientation - Fatal编程技术网

Javascript 将iFrame的内容告知方向

Javascript 将iFrame的内容告知方向,javascript,iframe,cross-domain,orientation,Javascript,Iframe,Cross Domain,Orientation,我目前有一个网站,上面有一个iFrame,是为平板电脑设备(如iPad)设计的。 我能够在父级中检测方向以更改iFrame本身的宽度和高度,但我似乎无法让iFrame页面在更改时检测设备的方向 我知道如果我在Safari Mobile中从iFrame本身加载实际页面,而不在iFrame中,它会检测到更改并根据当时的方向旋转。 如果我在iFrame中加载横向页面,它将在横向加载内容,而在纵向加载内容,反之亦然。 在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)
window.addEventListener(“消息”,函数(e){
var newOrientationValue=e.data.orientation;

alert(newOrientationValue);//我刚刚为PhoneGap实现了插件“子浏览器”,并简单地更改了奇怪的东西,现在如果我触发框架在“子浏览器”中打开,它将相应地定向^^