Sencha Touch 2:如何隐藏Android设备的地址栏?

时间:2013-05-15 19:27:12

标签: html5 extjs sencha-touch sencha-touch-2 sencha-touch-2.1

背景:

我正在为Android开发移动网络 - Galaxy Tab,我想在用户输入应用时立即隐藏地址栏。

viewport: 
{ autoMaximize : true}

不适用于Android设备(我测试了这个)。

我在我的观点上测试过以下代码。

initialize: function () {
    window.scrollTo(0,1);
    this.callParent();
    this.hideAddressBar();
},


hideAddressBar : function()
{
    if(document.documentElement.scrollHeight<window.outerHeight/window.devicePixelRatio)
        document.documentElement.style.height=(window.outerHeight/window.devicePixelRatio)+'px';
    setTimeout(window.scrollTo(1,1),0);
}   

我在Android'互联网'浏览器中进行了以下设置。

- &GT;禁用缩放 - &GT;将Automaximize设置为true。

会发生什么,我必须手动点击地址栏上方的顶部标签,然后才会隐藏地址栏。有什么方法可以通过代码来实现这个目标吗?

其他有趣的事实是,这只发生在“互联网”浏览器上,而不是谷歌浏览器上。如果有人能够在特定浏览器中完成此功能,那么请提出一些想法。

1 个答案:

答案 0 :(得分:0)

目前大多数移动浏览器都不支持全屏API http://caniuse.com/#feat=fullscreen

在iOS设备上,您可以使用 将应用程序添加到主屏幕并从那里开始。

在我的Galaxy标签2上,我启用了股票浏览器中的快速控制以实现全屏视图。

也许你可以伪造一个隐藏的地址栏,看看这个 http://mobile.tutsplus.com/tutorials/mobile-web-apps/remove-address-bar/