如何在WebKit瀏覽器上全屏顯示Sencha Touch 2頁面？

當我訪問我的Android-WebKit瀏覽器中的http://www.wikpic.com/時，頁面呈現全屏顯示，換句話說，顯示URL的導航欄消失。我怎樣才能做到這一點？如何在WebKit瀏覽器上全屏顯示Sencha Touch 2頁面？

我試過這個選項，但它不工作：

Ext.create('MyApp.view.MyList', {fullscreen: true});

這是我的app.js代碼：

Ext.Loader.setConfig({ 
    enabled: true 
}); 

Ext.application({ 
    models: [ 
     'Contacto' 
    ], 
    stores: [ 
     'Contactos' 
    ], 
    views: [ 
     'MyList' 
    ], 
    name: 'MyApp', 

    launch: function() { 

    Ext.create('MyApp.view.MyList', {fullscreen: true}); 
    } 

});

謝謝！

來源

2012-04-25 lito

您正在尋找autoMaximize配置視口：

Ext.application({ 
    viewport: { 
     autoMaximize: true 
    }, 
    ... 
});

但請記住，這可能會導致一些問題（從煎茶文檔拍攝）：

方向變化的性能急劇降低時，這是在所有設備上啓用的。
在某些設備（主要是Android）上，當默認瀏覽器縮放設置更改時，有時會導致問題。
將手機封裝在本機外殼中時，可能會出現空白屏幕。

來源

2012-04-25 15:26:27 rdougan

謝謝隊友....！ – lito 2012-04-25 19:46:10

不幸的是，在iOS上使用Chrome時，這不起作用。藉助貝羅提供的解決方案，但導致底部標籤欄被截斷。 http://www.sencha.com/forum/showthread.php?231359-Chrome-in-iOS-%28autoMaximize%29 – occasl 2013-07-01 18:09:27

是的。不幸的是，這些瀏覽器對我們來說並不容易。這就是我們默認禁用它的原因。目前我不確定任何解決方案。 – rdougan 2013-07-02 11:15:19

如何在WebKit瀏覽器上全屏顯示Sencha Touch 2頁面？

回答

相關問題