Javascript 将iFrame的内容告知方向
我目前有一个网站,上面有一个iFrame,是为平板电脑设备(如iPad)设计的。 我能够在父级中检测方向以更改iFrame本身的宽度和高度,但我似乎无法让iFrame页面在更改时检测设备的方向 我知道如果我在Safari Mobile中从iFrame本身加载实际页面,而不在iFrame中,它会检测到更改并根据当时的方向旋转。 如果我在iFrame中加载横向页面,它将在横向加载内容,而在纵向加载内容,反之亦然。 在iFrame中,它似乎不希望在加载自身后不断检测方向,而只是在初始加载时 有没有办法告诉iFrame方向以某种方式发生了变化?我使用过此代码,但没有成功:Javascript 将iFrame的内容告知方向,javascript,iframe,cross-domain,orientation,Javascript,Iframe,Cross Domain,Orientation,我目前有一个网站,上面有一个iFrame,是为平板电脑设备(如iPad)设计的。 我能够在父级中检测方向以更改iFrame本身的宽度和高度,但我似乎无法让iFrame页面在更改时检测设备的方向 我知道如果我在Safari Mobile中从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实现了插件“子浏览器”,并简单地更改了奇怪的东西,现在如果我触发框架在“子浏览器”中打开,它将相应地定向^^