我很难过......我正在尝试删除 IOS 中的 url 标头,用于 iPhone 和 Android。问题是我需要顶级房地产,而我在网上看到的仍然无法完成工作。
这是场景......在网站上,他们是一个弹出覆盖的链接。覆盖层内是我的 iframe 和我的内容(仅适用于横向模式)。为纵向显示此(有效)为横向显示此(有效)。但是 URL Header 占用了太多空间,我需要将其删除。
这是代码:
updateOrientation: function(){
var parentWindow = parent.window;
switch(parent.window.orientation){
case 0:
document.body.style.height = (window.outerHeight + 50) + 'px';
setTimeout( function(){ window.scrollTo(0, 1);
}, 50);
$('section#portraitMode').show();
break;
default:
setTimeout( function(){ window.scrollTo(0, 1);
}, 50);
$('section#portraitMode').hide();
break;
}
},
changeParentViewport: function () {
var parentWindow = window.parent.window;
var parentDocument = window.parent.document;
if (parentWindow.orientation == 0) {
var metaViewport = $('meta[name="viewport"]', parentDocument);
metaViewport.attr('content',"width=320, height=480 initial-scale=1.0, maximum-scale=1.0, user-scalable=no");
} else {
var metaViewport = $('meta[name="viewport"]', parentDocument);
metaViewport.attr('content',"width=480, height=320 initial-scale=1.0, maximum-scale=1.0, user-scalable=no");
}
}
}
window.addEventListener("load", function(){ this.changeParentViewport(); this.updateOrientation(); var parentWindow = window.parent.window;
var supportsOrientationChange = 'onorientationchange' in parentWindow,
orientationEvent = supportsOrientationChange ? 'orientationchange' : 'resize';
parentWindow.addEventListener(orientationEvent, function() {
this.changeParentViewport();
this.updateOrientation();
}, false);
});