在Safari浏览器的iPad网站全屏
问题描述:
我想获得一个运行全屏所有页面的网站,我已经看过这里:iPad WebApp Full Screen in Safari并跟着它,我的索引页面很好地填充屏幕,但每当我点击链接到另一个即使该页面全部使用元标签设置,它仍然会将镀铬条拉回,并且所有对齐都会熄灭。在Safari浏览器的iPad网站全屏
必须有一种方法,或者是一个Safari浏览器的限制,将在以后的修订版中修复。
答
你可以尝试这样的事情:
if ((navigator.userAgent.indexOf('iPad') != -1)) {
// for standalone (app) fulscreen mode
if (window.innerHeight == 748 || window.innerHeight == 1004) {
var a = document.getElementsByTagName("a");
for (var i = 0, len = a.length; i < len; i++) {
if (a[i].getAttribute("href");) {
a[i].onclick = function() {
window.location = this.getAttribute("href");
return false;
}
}
}
}
}
答
我写了一个jQuery插件这个确切的目的:https://github.com/mrmoses/jQuery.stayInWebApp
莫名其妙包括插件,然后像这样运行:
$(function() {
$.stayInWebApp();
});
默认情况下,它将附加到所有<a />
元素。您可以传递不同的选择器以将其附加到特定链接。例如,$.stayInWebApp('a.stay');
将附加到所有的链接class="stay"
因为它非常小,我通常只是将缩小版本复制到我的其他外部JavaScript文件之一来包括它,而不是必须添加另一个外部js引用。
任何运气找到一个solution--我试了几个,没什么works-- – 2011-06-17 17:52:13